@charset "utf-8";
/*----------------------------------------------------
    共通css
----------------------------------------------------*/

.box2-7 {
	padding:2em;/*内側の余白*/
	border: 3px solid #eee;	
	position: relative;
	z-index: 0;
}
.box2-7:before {
	border-top:3px solid #8293AA;
	border-left:3px solid #8293AA;
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	left: -3px;
	width: 20px;
	height: 20px;
	z-index: 1;
}

.example03 {
font-size: large;
}

.example02 {
font-size: large;
}


.example {
font-size: x-large;
}

.box30 {
margin: 1.5em 0;
    background: #f1f1f1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
	padding: 0px 20px;
    margin: 0;
}



/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 600px) {
/*/////////////PC用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/
.l-main-area.l-main-area--low .l-parts03 {
    padding: 3rem;
    margin-bottom: 6rem;
}
.l-main-area.l-main-area--low .l-parts03 h2.l-common-title {
    background: none;
    padding-top: 6rem;
    padding: 6rem 0 2rem;
}
.l-main-area.l-main-area--low .l-parts03 span.example {
    font-size: 2rem;
}
.l-main-area.l-main-area--low .l-parts03 h3.l-parts03-column3__title {
    font-size: 2.5rem;
}
.l-main-area.l-main-area--low .l-parts03 .l-parts03-column3__frame2__title {
    font-size: 1.8rem;
}
.l-main-area.l-main-area--low .l-parts03 .l-parts03-column3 {
    margin-top: 3rem;
}
	
}


/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 599px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/
.l-main-area.l-main-area--low .l-parts03 h2.l-common-title {
    background: none;
    padding-top: 6rem;
    padding: 6rem 0 2rem;
}

.l-main-area.l-main-area--low .l-parts03 h3.l-parts03-column3__title {
    background: none;
    padding: 0;
    font-size: 2.2rem;
    margin: 1rem 0;
}

.l-main-area .scroll table:not([class]) tbody th,
.l-main-area .scroll table th,
.l-main-area .scroll table:not([class]) tbody td,
.l-main-area .scroll table td {
display: table-cell;
}
.l-main-area .scroll table:not([class]) tr {
    display: table-row;
}
p.scrolltext {
    text-align: center;
    font-weight: bold;
}
.scroll {
    overflow-x: scroll;
    margin-bottom: 40px;
}	
.l-main-area .scroll table {
width: 100%;
border-collapse: collapse;
white-space: nowrap;
margin: 0;
}



	
	
	
	
	
	
	


}