@charset "utf-8";
/* CSS Document */
/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                レスポンシブ!!

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 641px) {

.top_bg1{
	background-image:url(images/bg01.jpg);
}


.txt01 span{
	font-size:14px;
}

.con1{
	padding:40px;
	background-color:rgb(255,255,255,0.8);
}
/*入力画面*/
.con2{
	width:100%;
}

.con2 th, .con3 th{
	padding:20px 25px 20px 20px;
	border-bottom:1px dashed #999999;
	vertical-align:middle;
}

.con2 td, .con3 td{
	vertical-align:middle;
	padding:20px 20px 20px 0px;
	border-bottom:1px dashed #999999;
}



/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 640px) {

.top_bg1{
	background-image:url(images/bg01.jpg);
}


.txt01 span{
	font-size:0.8em;
	display:block;
	line-height:1.1em;
}

.con1{
	width:90%;
	padding:10px;
	margin:0 auto 10px;
	background-color:rgb(255,255,255,0.8);
}
/*入力画面*/
.con2{
	width:100%;
}

.con2 th{
	display: block;
    margin-bottom: 10px;
	padding-bottom:10px;
	border-bottom:1px dashed #999999;
	vertical-align:middle;
}

.con2 td{
	vertical-align:middle;
    display: block;
    margin-bottom: 10px;
	padding-bottom:10px;
	border-bottom:1px dashed #999999;
}


.ppt{
	font-size:0.8em;
}

/*スマホ確認画面デザイン*/
.con3{
	width:100%;
}

.con3 th, .con3 td{
	display:block;
}

.con3 th{
	font-size:0.9em;
	font-weight:bold;
	width:100%;
}

.con3 td{
	width:100%;
	box-sizing:border-box;
	padding:10px;
	margin:5px 0 15px 5px;
	background-color:#dcdcdc;
}

.con4{
	background-color:#FFF !important;
	margin:10px 0 15px 0  !important;
	text-align:center;
}

/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/