@charset "utf-8";

/***********************
application car
************************/
html{
    font-size: 62.5%;
    font-family: -apple-system,BlinkMacSystemFont,GeneralFonts,Hiragino Kaku Gothic ProN,Yu Gothic Medium,YuGothic-Medium,游ゴシック Medium,YuGothic,游ゴシック,Meiryo,Helvetica Neue,Segoe UI,sans-serif;
    font-weight: 300;
    line-height: 20px;
    box-sizing: border-box;
}
.indent01{
	padding-left: 1em;
	text-indent: -1em;
}
.indent02{
	padding-left: 2em;
	text-indent: -2em;
}
img{
    width: 100%;
}

body{
    min-width: unset;
}

h1{
	margin-bottom:20px;
}
.application-box{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.application{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

h2{
	font-size: 25px;
	color: #34333C;
	text-align:center;
	margin-bottom:10px;
}
.flex-moshikomi{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	margin-bottom:30px;
}
.flex-mitsumori{
    display: flex;
    justify-content: space-around;
    margin-bottom:10px;
}
.neage{
	font-size:20px;
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;
}
span.ote{
	font-size:15px;
	font-weight: normal;
}
.akka{
	font-size:20px;
	text-align:left;
	margin-top:10px;
}
.recorder{
	width:70%;
	margin:20px 15% 50px;
}
.fukuri{
	width:80%;
	margin:20px 10% 50px;
}
.line{
	line-height:1.15;
}
.hikiuke{
	font-size:18px;
	color:#FFFFFF;
	background:#34333c;
	text-align:center;
	width:220px;
}
.col_info {
	display: flex;
	gap: 30px 24px;
	width: 630px;
	margin: 0 auto;
	flex-wrap: wrap;
}
.col_info > li {
	width: 300px;
}
.komeC{
	font-size:13px;
	text-align:center;
}
.komeL{
	font-size:13px;
	text-align:left;
}
.komeR{
	font-size:13px;
	text-align:right;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb50{
	margin-bottom:50px;
}
.mb100{
	margin-bottom:100px;
}
.bottom{
	border-bottom:solid 2px #34333C;
}
.application-oshirase{
	margin:10px 0;
	font-size:15px;
}


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

	.application-box {
	    width: 90%;
	    margin-left: 5%;
	    margin-right: 5%;
	}
	.application{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	h2 {
	    font-size: 2rem;
	    color: #34333C;
	    text-align: center;
	    margin-bottom: 10px;
	    line-height:1.3;
	}
    .flex-moshikomi {
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
        width: 80%;
        margin: 0 10% 5%;
    }
	.flex-mitsumori{
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    width:80%;
	    margin:0 10% 5%;
	}
	.komeC{
		font-size:13px;
		text-align:left;
	}
	.komeL{
		font-size:13px;
		text-align:left;
	}
	.komeR{
		font-size:13px;
		text-align:right;
	}
	.center{
		text-align:center;
	}
	.neage {
		font-size: 15px;
		font-weight: bold;
		text-align: left;
		margin-bottom: 0;
		line-height:1.15;
	}
	.akka {
		font-size: 15px;
		text-align: left;
		margin-bottom: 10px;
		margin-top: 10px;
		line-height:1.15;
	}
	span.ote{
		font-size:13px;
		font-weight: normal;
	}
	.fukuri {
	        width: 90%;
	        margin: 20px 5% 3%;
	}
    .col_info {
        display: flex;
        gap: 10px 4%;
        width: 92%;
        /* margin: 0 10%; */
        flex-wrap: nowrap;
        flex-direction: column;
    }
	.mb30{
		margin-bottom:30px;
	}
	.mb50{
		margin-bottom:5%;
	}
	.mb100{
		margin-bottom:8%;
	}
	.col_info > li {
	    width: 100%;
	}
	.application-oshirase {
	    margin: 10px 0;
	    font-size: 13px;
	}

}