@charset "UTF-8";
* {
	box-sizing: border-box;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
h1, h2, h3 {
	margin: 0 auto;
}
body {
	font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
	margin: 0;
	font-size: 16px;
	color: #535353;
}
header {
	background-color: #fff;
}
.mainimg {
	position: relative;
	width: 1050px;
	max-width: 100%;
	margin: 0 auto 0px;
}

    
/*  section共通   -----------------------------*/
section {
	padding-bottom: 40px;
	padding-top: 40px;
}
@media screen and (min-width:769px) {
.cont01 {
	display: block;
	margin: 0 auto 34px;
	width: 980px;
	max-width: 90%;
}
}
   @media screen and (max-width:768px) {
   .cont01 {
    display: block;
    margin: 0 auto 34px;
    width: 90%;
    max-width: 90%;
    }
   }

.f_right{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}


.f_left{
	float:left;
	margin-left:20px;
}
.center {
	text-align: center;
}
.mb10{	margin-bottom:10px;}
.mb20{	margin-bottom:20px;}
.mb30{	margin-bottom:30px;}
.mb40{	margin-bottom:40px;}
.mb50{	margin-bottom:50px;}
.mb60{	margin-bottom:60px;}

@media screen and (min-width:769px) {
	.sp{
		display: none;
	}
  .sp_br{
    display: none;
  }
  }

 @media screen and (max-width:768px) {
    * {
    	float: none;
    	position: static;
    }
     
    /*img {
    	max-width: 100%;
    	height: auto;
    }*/
         
  .pc{
    display: none;
   }
   
   p{
     font-size: 18px;
    }
   
 }

/*  sec01  -----------------------------*/
.sec01 {
	padding-top: 40px;
	background: #E7F1C9 url(images/sec_1_bg.png) top center no-repeat;
}
.sec01 h2 {
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	margin-top: 20px;
}
   @media screen and (max-width:768px) {
    .sec01 h2 {
     font-size: 26px;
     color:#FF0004;
    }
   }
.sec01 .text_sec01 {
	margin: 0 auto;
	background-color: #fff;
	padding: 1em 2em;
	margin-top: 30px;
	border: solid 5px #AFD14B;
	border-radius: 10px;
}
   @media screen and (max-width:768px) {
   .sec01 .text_sec01 {
     padding: 0;
     padding: 0.5em 1em;
    }
   }
.sec01 .text_sec01 p {
	color: #535353;
	padding-bottom: 1em;
}

/*  secForm   -----------------------------*/
.secForm {
	padding-top: 40px;
	background: url(images/secForm_bg.png) 0 0 repeat;
	font-weight: bold;
	font-size: 1.1em;
}

   @media screen and (max-width:768px) {
   secForm .cont01 {
     padding: 0;
     padding: 0.5em 1em;
    }
   }

.mail_form {
	display: block;
	margin: 0 auto 34px;
	width: 980px;
	max-width: 90%;
}
input[type="text"] {
	height: 90px;
	border: solid 1px #ccc;
	border-radius: 6px;
	width: 64%;
	font-size: 24px;
	padding-left: 1em;
}
button {
	height: 90px;
	background-color: #ff0000;
	color: #fff;
	font-size: 24px;
	width: 34%;
	margin-top: 0;
	border-radius: 10px;
}
/*  sec02   -----------------------------*/
.sec02 {
	padding-top: 60px;
	background: url(images/sec02_bg.png) 0 0 repeat;
}
.sec02 p {
	color: #535353;
	padding-bottom: 0.5em;
}
.sec02 .text_sec01 {
	margin: 0 auto;
	background: #fff url(images/sec02_txt01.png) 0 30px no-repeat;
	padding: 6em 2.5em 0.5em;
	margin-top: 30px;
	border-radius: 10px;
}
   @media screen and (max-width:768px) {
    .sec02 .text_sec01 ul {
     padding: 0.5em 0.5em 0.5em;
    }
   }

.sec02 .text_sec02 {
	margin: 0 auto;
	background: #fff url(images/sec02_txt02.png) 0 30px no-repeat;
	padding: 6em 2.5em 0.5em;
	margin-top: 30px;
	border-radius: 10px;
}
   @media screen and (max-width:768px) {
    .sec02 .text_sec02 {
     padding: 0.5em 0.5em 0.5em;
    }
   }
.sec02 .text_sec02 .txtBox {
	margin: 20px auto;
	padding: 0.5em 1em 0.5em;
	border-bottom:#ccc 1px dotted;
}
   @media screen and (max-width:768px) {
   .sec02 .text_sec02 .Box01 {
     padding-top: 6em;
    }
   }
.sec02 .text_sec02 .txtBox h3 {
	color: #EB6F8D;
	font-size: 22px;
	padding-bottom:0;
}
   @media screen and (max-width:768px) {
    .sec02 .text_sec02 .txtBox h3 {
    font-size: 20px;
    }
   }
.sec02 .text_sec02 .txtBox p  {
	padding-top:0;
	background:url(images/icon_01.png) 0 0px no-repeat;
	padding-left:35px;
}
/*  sec03   -----------------------------*/
.sec03 {
	padding-top: 60px;
	background:#FFF;
	font-weight: bold;
	font-size: 1.2em;
}

/*  sec04  -----------------------------*/
.sec04 {
	padding-top: 60px;
	background: url(images/sec04_bg.png) 0 0 repeat;
}
.sec04 h3 {
	color: #67BB76;
	font-size: 22px;
	padding-bottom:0;
	background: url(images/sec04_h3bg.png) bottom left repeat-x;
	margin-bottom:30px;
}
.sec04 p {
	color: #535353;
}

/*  sec05  -----------------------------*/
.sec05 {
	padding-top: 60px;
	background: url(images/sec05_bg.png) 0 0 repeat;
}

.sec05 .text_sec01 {
	margin: 0 auto;
	background: #fff;
	padding: 2em 2.5em 1em ;
	margin-top: 30px;
	border-radius: 10px;
}
   @media screen and (max-width:768px) {
    .sec05 .text_sec01 {
     padding: 0.5em 0.5em 0.5em;
    }
   }

.sec05 h3 {
	font-size: 24px;
	padding-bottom:0;
	margin-bottom:30px;
	border-bottom:#ccc 1px dotted;
	padding-left:70px;
	padding-top:20px;
}
   @media screen and (max-width:768px) {
    .sec05 .text_sec01 {
     font-size: 20px;
    }
   }

.sec05 h3.point01 {
	background:url(images/sec05_h301.png) 0 0px no-repeat;
	color:#79C8C1;
}
.sec05 h3.point02 {
	background:url(images/sec05_h302.png) 0 0px no-repeat;
	color:#9ECD80;
}
.sec05 h3.point03 {
	background:url(images/sec05_h303.png) 0 0px no-repeat;
	color:#EE7B76;
}
.sec05 h3.point04 {
	background:url(images/sec05_h304.png) 0 0px no-repeat;
	color:#F6AF73
}
.sec05 h3.point05 {
	background:url(images/sec05_h305.png) 0 0px no-repeat;
	color:#9ECE81;
}
.sec05 h3.point06 {
	background:url(images/sec05_h306.png) 0 0px no-repeat;
	color:#A5845B;
}
.sec05 h3.point07 {
	background:url(images/sec05_h307.png) 0 0px no-repeat;
	color:#EC718E;
}

   @media screen and (max-width:768px) {
    .sec05 .text_sec01 p{
      padding-left:60px;
      padding-right:15px;
    }
   }

/*  sec06  -----------------------------*/
.sec06 p.txt {
	background:url(images/sec06_icon.png) 0 0px no-repeat;
	padding-bottom:0;
	margin-bottom:30px;
	padding-left:70px;
	padding-top:20px;
}

/*  sec07  -----------------------------*/
.sec07 {
	padding-top: 60px;
	background: url(images/sec07_bg.png) 0 0 repeat;
}

.sec07 .text_sec01 {
	margin: 0 auto;
	background: #fff;
	padding: 2em 2.5em ;
	margin-top: 30px;
	border-radius: 10px;
}
.sec07 h3 {
	color:#D01026;
	font-size: 24px;
	margin-bottom:30px;
	border-bottom:#ccc 1px dotted;
}

/*  sec08  -----------------------------*/

/*  sec09  -----------------------------*/
.sec09 {
	padding-top: 60px;
	background: url(images/sec09_bg.png) 0 0 repeat;
}
.sec09 .text_sec01 {
	margin: 0 auto;
	background: #fff;
	padding: 2em 2.5em 1em ;
	margin-top: 30px;
	border-radius: 10px;
}
   @media screen and (max-width:768px) {
    .sec09 .text_sec01 {
     padding: 1.5em 1em 0.5em;
    }
    .sec09 .text_sec01 .f_right {
     float: none;
     position: static;
    }
    
    .sec09 .text_sec01 img {
     width:85%;
     text-align:center;
   }
}


.sec09 h3 {
	font-size: 24px;
	padding-bottom:0;
	margin-bottom:0px;
	border-bottom:#ccc 1px dotted;
	padding-left:50px;
	padding-top:0px;
}
.sec09 h3.title01 {
	background:url(images/sec09_h301.png) 0 0px no-repeat;
	color:#5072B5;
}
.sec09 h3.title02 {
	background:url(images/sec09_h302.png) 0 0px no-repeat;
	color:#D84C46;
}

.sec09 h4 {
	font-size: 18px;
	margin-bottom:0;
	padding-bottom:0;
}

/*文字装飾 -----------------------------*/
.pink {
	font-weight: bold;
	color: #EC718E;
}
.blue {
	color: #79C7C0;
}
.dblue {
	color: #5072B5;
}
.bold {
	font-weight: bold;
}
.large24 {
	font-size: 24px;
}
   @media screen and (max-width:768px) {
    .large24 {
     font-size: 18px;
    }
   }

.large26 {
	font-size: 26px;
}
.large32 {
	font-size: 32px;
}
   @media screen and (max-width:768px) {
    .large32 {
     font-size: 26px;
    }
   }
.bold {
	font-weight: bold;
}


/*クリア*/
.clear:after {
	display: block;
	content: "";
	clear: both;
}


.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}