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

@import url("reset.css");
@import url("fonts.css");

body {
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 16px;
	line-height:190%;
	color: #535353;
	background:#ffffff;
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

input:hover {
    opacity: 0.8;
 
    /* IE */
    filter: alpha(opacity=8);
}

.clear {
	clear:both;
}



div#wrapper {
	margin:0px auto 0px auto;
	padding:0px 0px 30px 0px;
	background:#FFFFFF;
}


div#wrapper .banner {
	margin:0px auto 0px auto;
	padding:15px 0px;
	background:#4accf2;
	text-align:center;
	font-size:0;
	line-height:0;
	box-sizing: border-box;
}


div#wrapper .headline {
	margin:0px auto 0px auto;
	padding:20px 0px 20px 0px;
	background:url(../image/headline_bg.jpg) no-repeat center top;
	font-size:0;
	line-height:0;
}

div#wrapper h1 {
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper h2 {
	width:100%;
	margin:0px auto 40px auto;
	padding:20px 0px 0px 0px;
	text-align:center;
}

div#wrapper h3 {
	margin:0px auto 0px auto;
	padding:0px 0px 15px 0px;
	text-align:center;
	font-size:0;
	line-height:0;
}

div#wrapper h4 {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-size:0;
	line-height:0;
}
div#wrapper h5 {
	margin:0px auto 0px auto;
	padding:0px 0px 30px 0px;
	text-align:center;
	font-size:0;
	line-height:0;
}

div#wrapper .box01 {
	width:700px;
	margin:0px auto 50px auto;
	padding:0px;
	text-align:left;

}

div#wrapper .box01 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .box02 {
	width:750px;
	margin:0px auto 50px auto;
	padding:0px;
	text-align:left;

}

div#wrapper .frame01 {
	width:750px;
	margin:0px auto 50px auto;
	padding:20px 20px 1px 20px;
	border:13px solid #eeeeee;
	text-align:left;

}
div#wrapper .frame01 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .box02 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .box_bn {
	width:100%;
	margin:0px auto 30px auto;
	padding:30px 0px 30px 0px;
	background:url(../image/box_bn_bg.png) repeat top center;
}

div#box {
	width:1070px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 50px;
}

div#box .boxin1 {
	float:left;
	width:342px;
	height:395px;;
	margin:0px 22px 0px 0px;
	padding:0px;
	font-size:16px;
	text-align:left;
	border:10px solid #bfde93;
	background:url(../image/boxin_bg.png) repeat top center;
	box-sizing: border-box;
	
}
div#box .boxin2 {
	float:left;
	width:342px;
	height:395px;;
	margin:0px 22px 0px 0px;
	padding:0px;
	font-size:16px;
	text-align:left;
	border:10px solid #f8b8ce;
	background:url(../image/boxin_bg.png) repeat top center;
	box-sizing: border-box;
	
}
div#box .boxin3 {
	float:left;
	width:342px;
	height:395px;;
	margin:0px auto 0px auto;
	padding:0px;
	font-size:16px;
	text-align:left;
	border:10px solid #9fd9f4;
	background:url(../image/boxin_bg.png) repeat top center;
	box-sizing: border-box;
	
}
div#box .boxin_box {
	margin:0px auto;
	padding:0px 20px;	
}

div#box .boxin h3 {
	width:100%;
	margin:0px 0px 15px 0px;
	padding:15px 0px 0px 0px;
	font-size:24px;
	color:#f08600;
	text-align:center;
	box-sizing: border-box;
}

div#box .boxin p {
	width:90%;
	margin:0px auto;
	padding:0px;
}

div#wrapper .form_bn {
	width:100%;
	margin:0px auto 30px auto;
	padding:30px 0px 30px 0px;
	background:#fcfbed;
	box-sizing: border-box;
}

div#wrapper .form {
	width:830px;
	margin:20px auto 20px auto;
	padding:0px 0px 0px 0px;
	border:13px solid #eeeeee;
	background:url(../image/form_bg.png) repeat top center;
	box-sizing: border-box;
}
div#wrapper .form2 {
	width:830px;
	margin:20px auto 20px auto;
	padding:0px 0px 0px 0px;
	border:13px solid #a4e050;
	background:url(../image/form_bg.png) repeat top center;
	box-sizing: border-box;
}

div#wrapper .formin {
	width:750px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

div#wrapper .form_ttl {
	margin:0px auto 25px auto;
	padding:0px;
	text-align:center;
	font-size:0;
	line-height:0;
	box-sizing: border-box;
}


div#wrapper .form_bn p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .formtxt {
	width:550px;
	margin:0px auto;
	padding:17px 10px 17px 45px;
	font-size:21px;
	font-weight:bold;
	text-align:center;
	border:5px solid #535353;
	background:#fcfbed url(../image/mail_bg.png) no-repeat 7px 14px;
	box-sizing: border-box;
}


div#wrapper .ul01 {
	margin:0px auto 0px auto;
	padding:0px;
}

div#wrapper .ul01 li {
	margin:0px auto 10px auto;
	padding:0px 0px 10px 35px;
	font-size:26px;
	text-align:left;
	list-style:none;
	background:url(../image/icon01.png) no-repeat left 0px;
	box-sizing: border-box;
}

div#wrapper .ul02 {
	margin:0px auto 0px auto;
	padding:0px;
}

div#wrapper .ul02 li {
	margin:0px auto 10px auto;
	padding:2px 0px 10px 35px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	list-style:none;
	background:url(../image/icon01.png) no-repeat left 0px;
	box-sizing: border-box;
}


div#wrapper .img_right{
	float:right;
	margin:12px 0px 0px 0px;
	padding:0px;
}
div#wrapper .img_right2{
	float:right;
	margin:0px 0px 20px 20px;
	padding:0px;
}
div#wrapper .img_right3{
	float:right;
	margin:0px 0px 0px 10px;
	padding:0px;
}
div#wrapper .img_right3 img{
	width:230px;
	height:auto;
}
div#wrapper .img_left{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}
div#wrapper .img_left2{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
}

div#footer_links {
	width:100%;
	margin:0px auto 0px auto;
	padding:7px 0px 5px 0px;
	text-align:center;
	font-size:12px;
	color:#848484;
	background:#fcfbed;
}

div#footer_links a {
	color:#848484;
	text-decoration:none;
}

div#footer {
	width:100%;
	margin:0px auto 0px auto;
	padding:15px 0px;
	text-align:center;
	font-size:12px;
	color:#ffffff;
	background:#80be28;
}


@media screen and (min-width: 1800px) {
/* PC用のスタイル記述 */

div#wrapper {
	width:1800px;
	margin:0px auto;
	padding:0px;
}
}

@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */

img.miniimg { display: block; }  /* mini\ */
img.bigimg  { display: none; } /* big\ */
img.frame01tab  { display: block; } /* frame01tab\ */
img {
    max-width:100%;
    width /***/:auto; 
    height:auto;
    vertical-align:bottom;
}
body {
	font-size: 16px;
}
div#wrapper .banner {
	margin:0px auto 0px auto;
	padding:7px 10px 7px 10px;
	text-align:center;
	box-sizing: border-box;
}

div#wrapper .form {
	width:95%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	border:7px solid #eeeeee;
	box-sizing: border-box;
}

div#wrapper .form2 {
	width:95%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	border:7px solid #a4e050;
	box-sizing: border-box;
}

div#wrapper .formin {
	width:97%;
	margin:0px auto 1px auto;
	padding:0px 0px 0px 0px;
}

div#wrapper .form_ttl {
	margin:0px auto 15px auto;
	padding:0px;
	text-align:center;
}


div#wrapper .form_bn p {
	margin:0px 0px 10px 0px;
	padding:0px;
}


div#wrapper {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 30px 0px;
	box-shadow:none;
}

div#wrapper h1 {
	width:98%;
	margin:0px auto 10px auto;
	padding:15px 0px 0px 0px;
	text-align:center;
}

div#wrapper h2 {
	width:95%;
	margin:0px auto 40px auto;
	padding:20px 0px 0px 0px;
	text-align:center;
}

div#wrapper h3 {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 20px 0px;
	text-align:center;
}
div#wrapper h3 img{
	width:100%;
}

div#wrapper .headline {
	margin:0px auto 0px auto;
	padding:0px 0px 8px 0px;
	background:url(../image/headline_bg_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}


div#wrapper .box01 {
	width:95%;
	margin:0px auto 30px auto;
	padding:0px;
	text-align:left;

}

div#wrapper .box01 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .box02 {
	width:95%;
	margin:0px auto 20px auto;
	padding:0px;
	text-align:left;

}

div#wrapper .box02 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .frame01 {
	width:95%;
	margin:0px auto 50px auto;
	padding:15px 15px 1px 15px;
	border:10px solid #eeeeee;
	text-align:left;
	box-sizing: border-box;
}

div#wrapper .formtxt {
	width:100%;
	margin:0px auto;
	padding:7px 5px 7px 5px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	border:3px solid #626262;
	background-image:none;
	box-sizing: border-box;
}
div#wrapper .btn {
	width:100%;
}


div#box {
	width:100%;
	margin:0px auto 30px auto;
	padding:0px;
	text-align:center;
}

div#box .boxin1,div#box .boxin2,div#box .boxin3 {
	float:none;
	width:85%;
	margin:0px auto 30px auto;
	padding:0px 0px 20px 0px;
	height:auto;
	text-align:left;
}

div#box .boxin h3 {
	width:100%;
}

div#box .boxin p {
	width:90%;
	margin:0px auto;
	padding:0px;
}

div#wrapper .img_right{
	width:81%;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px;
}
div#wrapper .img_right2{
	float:none;
	margin:0px auto 18px auto;
	padding:0px;
	text-align:center;
}
div#wrapper .img_right3{
	float:none;
	margin:0px auto 18px auto;
	padding:0px;
	text-align:center;
}

div#wrapper .img_left{
	width:18%;
	float:left;
	margin:18px 0px 0px 0px;
	padding:0px;
}
div#wrapper .img_left2{
	width:100%;
	float:none;
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .ul01 {
	margin:0px auto 0px auto;
	padding:0px;
}

div#wrapper .ul01 li {
	margin:0px auto 10px auto;
	padding:0px 0px 10px 35px;
	font-size:20px;
	text-align:left;
	list-style:none;
	background:url(../image/icon01.png) no-repeat left 0px;
	box-sizing: border-box;
}

div#wrapper .ul02 {
	margin:0px auto 0px auto;
	padding:0px;
}

div#wrapper .ul02 li {
	margin:0px auto 10px auto;
	padding:0px 0px 10px 35px;
	font-size:18px;
	text-align:left;
	box-sizing: border-box;
}


div#footer {
	width:100%;
	margin:0px auto;
	padding:12px 0px;
	text-align:center;
	font-size:12px;
}


div#footer_links{
	width:100%;
	padding:2% 0px 1% 0px; 
	text-align:center; 
}

}