@charset "utf-8";

/*-----------------------------------------------------------------------*/
/*【intro-box】*/
/*-----------------------------------------------------------------------*/
section.intro-box {
	text-align:center;
}
div.intro-box {
	margin-bottom:2rem;
}
div.intro-box h2 {
	font-size:5vw;
}
div.intro-box a {
	display:block;
	color:inherit;
	text-decoration:none;
}
div.intro-box a.commit {
		margin: 10px auto;
    display: block;
    background: #e96656;
    border: 1px solid #e96656;
    color: #ffffff;
}
div.intro-box a.commit:hover {
    color: #e96656;
    border: 1px solid #e96656;
    background: #fff;
    transition: all .3s;
    text-decoration: none;
}
div.intro-box .image {
	width:250px;
	margin:auto;
}
div.intro-box p {
	text-align:left;
}


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

div.intro-box {
	display:inline-block;
	width:35%;
	margin-right:3%;
	margin-left:3%;
	vertical-align:top;
}
div.intro-box h2 {
	font-size:1.2rem;
	display:inline-block;
	border-bottom:3px solid #ffffff;
}
div.intro-box p {
	margin:0 1rem;
	text-align:center;
}
.intro-box1 a:hover h2 {
	border-bottom:3px solid #e96656;
}
.intro-box2 a:hover h2 {
	border-bottom:3px solid #34d293;
}
.intro-box3 a:hover h2 {
	border-bottom:3px solid #3ab0e2;
}
.intro-box4 a:hover h2 {
	border-bottom:3px solid #f7d861;
}


}/*-----769px以上-----*/


a.commit.width.bule {
    background: #5698e9;
    border: 1px solid #5698e9;
}

div.intro-box a.commit.bule:hover {
    color: #5698e9;
    border: 1px solid #5698e9;
    background: #fff;
    transition: all .3s;
    text-decoration: none;
}