@charset "UTF-8";

/* セクション1
------------------------------------------------------------*/
#article  {
	width: 980px;
}

#section1 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.h2-img {
	margin-top: 80px;
	margin-bottom: 20px;
	width: 600px;
	height: auto;
	margin-left: 100px;
}

#h3{
	width: 800px;
	font-size: 28px;
	line-height: 40px;
}

.section1-div1{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.h3-p {
	font-size: 18px;
	width: 500px;
	height: auto;
	float: left;
	margin-top: 50px;
	margin-left: 0;
}

.h3-icon {
	width: 300px;
	height: auto;
	float: none;
	margin-top: -70px;
	margin-right: 0;
}

/* セクション2
------------------------------------------------------------*/

#section2 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.hr{
	border-top: 10px solid;
	color: tomato;
	margin-top: 50px;
	margin-bottom: 50px;
}

.section2-div1 {
	margin-top: 30px ;
	width: 800px;
}

.section2-div1-img {
	float: left;
}

.balloon {
	position: relative;
	margin-left: 350px;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 440px;
	height: 200px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    background-color: #FFF;
    border-radius: 15px;
	box-shadow: 0 0 8px gray;
}

.balloon p {
	font-size: 14px;
	padding-left: 5px;
	padding-right: 	5px;
	width: 410px;
	margin-left: auto;
	margin-right: auto;
}

.balloon-hr{
	border-top-width: 25px;
	border-top-color: #FF0004;
	opacity: 0.2;
	box-shadow: none;
	margin-bottom: 30px;
	}

#h4{
    text-align: center;
	margin-top: -20px;
    margin-bottom: 5px;
	margin-left: -17px;
    font-size: 18px;
    color: #FF0004;
}

.h4-img{
	margin-top: 15px;
	margin-bottom: -45px;
	margin-left: 10px;
}

/* セクション3
------------------------------------------------------------*/

#section3{
	width: 800px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
}

.section3-div1{
	width: 350px;
	text-align: center;
	margin-left: 0px;
	margin-right: 40px;
	float: left;
}

.section3-div2{
    width: 50%;
    float: left;
    margin-left: auto;
    margin-right: auto;
	border: thin solid #FF0000;
	border-radius: 15px;
	background-color: #FFFFFF;	
}

h5{
    margin-top: 15px;
    margin-bottom: -10px;
    text-align: center;
    font-size: 16px;
    background-color: #FF0004;
    color: #FFFFFF;	
}

.section3-div2 p{
	padding-left: 20px;
}

.section3-div3{
	width: 800px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}

.triangle{
	width: 0;
 	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 25px solid #FF0000;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#h6{
	margin-top: 15px;
	margin-bottom: 15px;
    font-size: 20px;
    color: #FF0000;
}

			@media screen and (max-width:480px) {
			
			/* セクション1
			------------------------------------------------------------*/
			#article  {
				width: 100%;
			}

			#section1 {
				width: 90%;
				margin-left: auto;
				margin-right: auto;
			}

			.h2-img {
			position: relative;
			width: 100%;
			margin-top: 50px;
			text-align: center;
			margin-left: 0px;
			}

			#h3{
				width: 100%;
				font-size: 20px;
				text-align: left;
				margin-left: 10px;
				line-height: 30px;
			}

			.section1-div1{
				width: 100%;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 20px;
			}

			.h3-p {
				font-size: 11px;
				width: 43%;
				text-align: justify;
				height: auto;
				float: left;
				/*margin-top: 10px;*/
				margin-left: 10px;
				margin-right: 5px;
				}

			.h3-icon {
				width: 57%;
				height: auto;
				float: none;
				margin-top: 0px;
				margin-right: -20px;
			}

			/* セクション2
			------------------------------------------------------------*/

			#section2 {
				width: 90%;
				margin-left: auto;
				margin-right: auto;
			}

			.hr{
				border-top: 10px solid;
				color: tomato;
				width:100%;
				/*margin: 80 0 100 0 ;*/
			}

			.section2-div1 {
				margin-top: 50px;
				width: 100%;
				text-align: center;
			}

			.section2-div1-img {
				float: none;
				width: 70%;
				margin-bottom: 20px;
			}

			.balloon {
				width: 90%;
				height: auto;
				position:static;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 45px;
				min-width: 120px;
				max-width: 100%;
				color: #555;
				background-color: #FFF;
				border-radius: 15px;
				}

			.balloon p {
				font-size: 14px;
				padding-left: 10px;
				padding-right: 10px;
				width: 90%;
				margin-left: auto;
				margin-right: auto;
				text-align: justify;
				padding-bottom: 10px;
				}
				
			.balloon-hr{
				border-top-width: 25px;
				border-top-color: #FF0004;
				opacity: 0.2;
				box-shadow: none;
				margin-bottom: 30px;
				}
			

			#h4{
				width: 85%;
				text-align: left;
				margin-top: -20px;
				margin-bottom: 5px;
				font-size: 20px;
				line-height: 30px;
				color: #FF0004;
				margin-left: auto;
				margin-right: auto;
				}

			.h4-img{
				margin-top: 10px;
				margin-bottom: -47px;
				}

			/* セクション3
			------------------------------------------------------------*/

			#section3{
				width: 100%;
				height: 650px;
				margin-top: 50px;
				margin-left: auto;
				margin-right: auto;
				}

			.section3-div1{
				width: 100%;
				height: 180px;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 100px;
				}
				
			.section3-div2{
				width: 100%;
				height: 190px;
				/*float: none;*/
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 80px;
				border-style: solid;
				border-color: #FF0000;
				border-radius: 15px;
				background-color: #FFF;
				}
				
			h5{
				margin-top: 13px;
				margin-bottom: 0px;
				font-size: 15px;
				color: #FFF;
				text-align: center;
    			background-color: #FF0004;
				}

			.section3-div2 p{
				margin-top: 20px;
				padding-left: 20px;
				padding-right: 10px;
				font-size: 12px;
				}

			.section3-div3{
				width: 90%;
				height: auto;
				margin-left: auto;
				margin-right: auto;
				}

			.triangle{
				width: 0;
				height: 0;
				border-left: 20px solid transparent;
				border-right: 20px solid transparent;
				border-top: 25px solid #FF0000;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 20px;
				}
				
			#h6{
				margin-top: 0px;
				margin-bottom: 15px;
				font-size: 16px;
				color: #FF0000;
				}
}