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

/*
.top-right {
	width: 50%;
    display: table-cell;
}

.top-left{
	display: table-cell;
}

*/

body {
    color: rgb(68, 68, 68);
    background: url(../img/txch.png) rgba(221, 221, 221, 0.15);
}


.app {
    margin: 0 0 4% 0;
	clear: both;
}

#app-about {
    background: url(../img/enkaku.jpg) no-repeat;
	background-size: cover;
    position: relative;
    height: 580px;
    background-position: center;
}

/*
#app-support {
    background: url(../img/enkaku2.png) no-repeat;
    background-size: cover;
    position: relative;
    height: 306px;
    background-position: center;
}

*/

#app-fee p {
    padding: 1em;
    font-size: 20px;
    margin: 0;
    color: #555;
}

#app-fee {
   background: #dff0d8;
    padding: 3em;
}

.app-flow-mozi {
    width: 183px;
    text-align: left;
    margin: auto;
}

.ap-fl {
    padding: 15px 0;
}

.ap-fl p {
    font-size: 15px;
}


label{
	display: block;
}

input[type="text"] {
    /* padding: 1em; */
    width: 700px;
    font-size: 33px;
    padding: 0 0.5em;
}

input[type="submit"]{
	    padding: 1em;
    background: #616161;
    border: 1px soli #000;
    color: #fff;
    border: none;
    width: 500px;
}

.top-right {
    padding-top: 50%;
}


.top-left {
    text-align: right;
    margin-top: 59px;
}


h1 {
    margin: 0;
    padding: 0;
	margin-bottom: 4%;
}

.app-logo {
    margin: 1% 0;
    /* padding: 0; */
}


.app-hed{
	text-align: left;
	
	
}

#app-support h2 {
    font-family: monospace;
}



.store img {
    width: 200px;
    height: auto;
}

.ap-fl h3 {
    font-size: 20px;
    line-height: 1.5;
}

.store:hover {
    background: none;
}




.color-change{
	background: #2b2b2b;
	text-align: center;
}

img.s400 {
    width: 600px;
}

.change-pho {
    display: table-cell;
    width: 60%;
}



.change-tex {
    display: table-cell;
    width: 40%;
    text-align: center;
	    vertical-align: middle;
}


.change-pho img {
    width: 70%;
}

.powered {
    margin: auto 30px;
}


.change-tex p {
    font-size: 20px;
    line-height: 2.0;
}

.changing {
    margin-bottom: 60px;
    padding-bottom: 30px;
}




.powered.before {
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 10px 0 10px;
    border-radius: 1em;
	background: #fff;
}

.powered.after {
    padding: 10px 10px 0 10px;
    border-radius: 1em;
		background: #fff;
}


.change-under {
    margin-bottom: 40px;
}

.color-change {
    background: #2b2b2b;
    text-align: center;
    margin-bottom: 20px;
}

#powered {
    /* margin-bottom: 25px; */
    padding-top: 80px;
}



/*992px以上の適用*/

@media all and (min-width: 992px) {
	
	img.play-g {
    margin-right: 5px;
    /* margin-bottom: 6px; */
}
	.ap-fl img {
    width: 200px;
}

	.change-tex p {
    font-size: 20px;
    line-height: 2.0;
    text-align: left;
    padding-left: 115px;
    box-sizing: border-box;
}
	
	
	
}





/*992px以下の適用*/

@media all and (max-width: 992px) {
	
	
	p {
    font-size: 15px;
    line-height: 1.6;
    padding-bottom: 11px;
}
	
	
	.top-left {
    display: none;
}
	
	input[type="text"] {
    /* padding: 1em; */
    width: 100%;
    font-size: 22px;
    padding: 0 0.5em;
}
	
	#app-fee {
    background: #dff0d8;
    /* padding: 3em; */
       padding: 2.5em 0 4em 0;
}
	
	input[type="submit"] {
    width: 100%;
}
	
	#app-fee p {
    padding: 1em 0;
    font-size: 15px;
    margin: 0;
    color: #555;
}
	
	.ap-fl img {
    width: 250px;
}
	#app-about{
	    height: 300px;	
	}
	
	.top-right {
    padding-top: 99px;
}
	
	.app-flow-mozi {
    width: 100%;
    text-align: left;
    margin: auto;
    border: 4px solid #dcdcdc;
    padding: 1em;
}
	
	
	.ap-fl h3 {
    font-size: 15px;
    border-bottom: 1px dotted #777;
    /* padding: 1em; */
    padding-bottom: 0.5em;
}
	
	.app-flow-clinic .col-xs-12{
		padding: 0;
	}
	
	#app-support h2 {
    font-family: monospace;
	font-size: 24px;
    line-height: 1.5;
		
}
	
	.store {
    /* margin: 0 auto; */
    text-align: center;
}
	img.play-g {
    margin-bottom: 6px;
}
	
	h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 4%;
    font-size: 25px;
    text-align: center;
}
	
	
	.bot_counsbtn {
    background: #ffffff;
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0px 0px 9px 0px #b3b3b3;
}
	
	
	.change-pho {
    display: block;
    width: 100%;
}
	
	.powered {
    margin: 0;
}
	
	
	.change-pho img {
    width: 100%;
}
	
	img.s400 {
    width: 100%;
}
	
	.powered.after {
		padding: 0;
		border: none;
    border-radius: 1em;
}
		.powered.before {
		padding: 0;
		border: none;
    border-radius: 1em;
}
	
	.changing {
    margin-bottom: 30px;
    padding-bottom: 10px;
}
	
	.change-under {
    margin-bottom: 20px;
}
	
	.change-under img {
    width: 20%;
}
	
	
	
}