@charset "utf-8";


.catch {
	font-size: 20px;
	font-weight: bold;
}
.large-red {
	font-size: 24px;
	color: #F00;
}
.case {
	display: inline-block;
	color: #FFF;
	padding: 0.2em 1em 0;
	margin-bottom: 8px;
}
*, *:before, *:after {
	box-sizing: border-box;
}
.col-2 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
    justify-content: space-between;
}
.inquiry-box {
    width: 49%;
    border: solid 2px #82cdf4;
    border-radius: 6px;
	padding: 15px;
}
.inquiry-box2 {
    width: 100%;
    border-radius: 6px;
    padding: 15px;
    margin: 1em auto 0 auto;
    background-color: aliceblue;
}
#contents .inquiry-box2 a{font-size:3em;}

.outbox{margin-top: 1em;width: 100%;}
.outbox p span.crayon{background: linear-gradient(transparent 70%,rgba(247, 198, 104, 0.2) 70%,rgb(247, 198, 104) 85%,rgba(247, 198, 104, 0.2));  font-weight: bold;}
.outbox p span.tit{font-size: larger;
    border-radius: 6px;
    padding: 5px 15px;
    font-weight: bold;
    background-color: #336699;
    color: white;
    display: block;
    text-align: center;    margin: 10px 5px;}
.logo {
    text-align: center;
    border-bottom: solid 2px #ddd;
    padding: 5px 0 10px;
    margin-bottom: 10px;
}
.tel a {
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle;
}
.tel span {
    font-size: 1.4rem;
    margin-right: .5em;
    vertical-align: middle;
}
.indent {
    padding-left: 4em;
    text-indent: -4em;
}
.inquiry-detail p {
    margin-top: 10px;
    font-size: 1.4rem;
}
.inquiry-detail p.txt-reference {
    font-size: 1.2rem;
    line-height: 1.5;
}
.contact {
    margin-top: 1.5em;
    font-size: 1.4rem;
}
.contact dt,
.company {
    font-weight: bold;
}

@media screen and (max-width: 640px) {
.point-sp {
	background-color: #1B65C2;
}
.frame {
	background-color: transparent;
	border-radius: unset;
	color: #FFF;
	padding: 0;
	margin-right: .5em;
}
.ribbon {
    padding: 0 40px 0 18px;
	font-size: 16px;
	display: table-cell;
	vertical-align: middle;
}
.figure {
	font-size: 20px;
	vertical-align: baseline;
}
.shudan-wrap {margin-top: 15px;}
.inquiry-box {
	width: 100%;
}
.catch {
	font-size: 1.6rem;
}
a.catch {text-align: center;display: block;margin: 1em 0 0 0;
}
h3 {
    font-size: 1.4rem;
    line-height: 1.5;
}
.inquiry-box:last-child {
    margin-top: 10px;
}
.tel a {
    font-size: 3.0rem;
}
.tel span {
    font-size: 1.2rem;
}
.inquiry-detail p,
.contact {
    font-size: 1.2rem;
}
}