body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size:100%;
  line-height:1.6;
background:#fff;
    animation: cfadeIn 2s ease 0s 1 normal;
    -webkit-animation: cfadeIn 2s ease 0s 1 normal;
}

@keyframes cfadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes cfadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

img { 
    max-width: 100%; 
    height:auto;
	vertical-align:bottom;
	image-rendering: -webkit-optimize-contrast;
}
a,a:link,a:visited{
	text-decoration:none;
}

a img:hover {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}

.wh:hover {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}

@media only screen and (max-width:800px) {
.pc{
	display:none;
}
}

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

/*-head&footer-*/
header {
	padding:27px 0 0 0;
	margin:0 auto;
	background:url(../img/top_back_pc.jpg) top center no-repeat;
	text-align:center;
}
header img{
	max-width:95%;
}
@media only screen and (max-width:800px) {
header {
	padding:0;
	background:url(../img/top_back_sp.jpg) top center no-repeat;
	background-size:100% auto;
}
header img{
	width:100%;
}
}
footer {
	padding:10px 0 110px 0;
	background:#FF6600;
	color:#fff;
	font-size:80%;
	text-align:center;
}
@media only screen and (max-width:800px) {
footer {
	padding:10px 10px 140px 10px;
}
}
@media only screen and (max-width:600px) {
footer {
	padding:10px 10px 110px 10px;
}
}
@media only screen and (max-width:450px) {
footer {
	padding:10px 10px 90px 10px;
}
}

/*-contents-*/

.top_info{
	background:#FDECC8;
	text-align:center;
	padding:50px 20px;
	font-size:170%;
	box-sizing:border-box;
}
.top_info img{
	margin-top:0px;
}
@media only screen and (max-width:800px) {
.top_info{
	padding:30px 10px;
	font-size:120%;
}
.top_info img{
	margin-top:0px;
}
}

.f_menu {
  display:flex;
  justify-content:space-between;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 5;
  width:100%;
}
.f_menu_item{
	width:33.33333%; /* 未対応用 */ 
	width:-webkit-calc(100% / 3); 
	width:calc(100% / 3) ; 
}
.f_menu_item a{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:10px 0;
}

@media only screen and (max-width:700px) {
.f_menu_item a{
	padding:10px 0;
}
}
.f_m_1{ background:#FF9999;}
.f_m_2{ background:#5AC8FF;}
.f_m_3{ background:#06C755;}



.point{
	background:url(../img/point_back_pc.jpg) top center no-repeat #F4B778;
	background-size: 100% auto;
	font-size:170%;
	text-align:center;
	width:100%;
}
.point_title{
	max-width:95%;
	box-sizing:border-box;
	padding:20px 0 30px 0;
	margin:0 auto;
}
@media only screen and (max-width:800px) {
.point{
	background:url(../img/point_back_pc.jpg) top center no-repeat #F4B778;
	background-size: 100% auto;
	font-size:120%;
	box-sizing:border-box;
	padding:0 10px;
}
.point_title{
	padding:20px 0 20px 0;
}
}


.point_container {
    list-style: none;
    display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    flex-flow: wrap;
	max-width:960px;
	margin:0 auto; 
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;
	font-size:70%;

}
.point_container li {
    box-sizing: border-box;
    width: 32%;
	padding:10px;
	margin-top:20px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background:#fff;
  text-align:left;
}

.point_container::after{
  content:"";
  display: block;
  width:32%;
}
.point_container li strong{
	font-size:120%;
	font-weight:normal;
	display:block;
	color:#FF7200;
	text-align:center;
}
.point_container li img{
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display:block;
  width:100%;
  margin-bottom:10px;
}

@media only screen and (max-width:800px) {
.point_container {
	font-size:86%;

}
.point_container li {
    box-sizing: border-box;
    width: 49%;
	padding:10px;
	margin-top:20px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background:#fff;
  text-align:left;
}
.point_container li strong{
	font-weight:bold;
}
}

.attempt_title{
	max-width:95%;
	box-sizing:border-box;
	padding:50px 0 10px 0;
	margin:0 auto;
}
@media only screen and (max-width:800px) {
.attempt_title{
	padding:40px 0 0 0;
}
}

.attempt_container {
    list-style: none;
    display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    flex-flow: wrap;
	max-width:960px;
	margin:0 auto; 
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;
	font-size:70%;
	padding-bottom:70px;

}
.attempt_container li {
    box-sizing: border-box;
    width: 49%;
	padding:10px;
	margin-top:20px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background:#fff;
  text-align:left;
}
.attempt_container li strong{
	font-size:120%;
	font-weight:normal;
	display:block;
	color:#70BD48;
	text-align:center;
}
.attempt_container li img{
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display:block;
  width:100%;
  margin-bottom:10px;
}


@media only screen and (max-width:800px) {
.attempt_container {
	font-size:86%;
	padding-bottom:40px;

}
.attempt_container li {
    width: 100%;
	box-sizing:border-box;
}
.attempt_container li strong{
	font-weight:bold;
}
}


.greeting{
	background:url(../img/greeting_back_pc.jpg) top center no-repeat #F4B778;
	background-size: cover;
	font-size:100%;
	text-align:center;
	width:100%;
	padding:70px 0;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0 -1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.greeting_title{
	max-width:95%;
	box-sizing:border-box;
	padding:0 0 30px 0;
	margin:0 auto;
}
.greeting h2{
	color:#ED7F66;
	font-size:120%;
	font-weight:bold;
	display:block;
	padding-bottom:20px;
}
@media only screen and (max-width:800px) {
.greeting{
	background:url(../img/greeting_back_sp.jpg) top center no-repeat;
	background-size: cover;
	padding:30px 10px;
	box-sizing:border-box;
}
.greeting_title{
	padding:0 0 20px 0;
}
}


.diary{
	background:#FDECC8;
	font-size:100%;
	text-align:center;
	width:100%;
	padding:20px 0 70px 0;
}

.diary_title{
	max-width:95%;
	box-sizing:border-box;
	padding:20px 0 30px 0;
	margin:0 auto;
}
@media only screen and (max-width:800px) {
.diary{
	box-sizing:border-box;
	padding:0 15px 30px 15px;
}
.diary_title{
	padding:20px 0 20px 0;
}
}

.news_blog_area{
	padding:40px 0 0 0;
	box-sizing:border-box;
}
.news_blog{
	list-style:none;
	max-width:960px;
	margin:0 auto;
	text-align:left;
}

.news_blog li{
	border-bottom:1px dashed #EE7F67;
	padding:20px 0;
	font-size:120%;
}

.news_blog li a{
	display:block;
	color:#3399CB;
}

.news_blog li a:hover{
	color:#EE7F67;
}
.news_blog_area img{
	margin:30px auto 0 auto;
	display:block;
}
@media only screen and (max-width:800px) {
.news_blog_area{
	padding:20px 0 0 0;
}
.news_blog li{
	padding:10px 0;
	font-size:100%;
}
}


.contents_1{
	background:#FFDCBF;
	font-size:100%;
	text-align:center;
	width:100%;
	padding:50px 0 70px 0;
	box-sizing:border-box;
}
.contents_1_box{
	max-width:960px;
	margin:0 auto;
}
@media only screen and (max-width:800px) {
.contents_1{
	padding:10px 10px 0 10px;
}
}


.contents_1_container {
    list-style: none;
    display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    flex-flow: wrap;
	max-width:960px;
	margin:0 auto; 
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;

}
.contents_1_container li {
    box-sizing: border-box;
    width: 49%;
	padding:10px;
	margin-top:20px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background:#fff;
  text-align:left;
}
.contents_1_container li strong{
	font-size:120%;
	font-weight:normal;
	display:block;
	margin-top:25px;
	color:#FF5252;
}
.contents_1_container li img{
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display:block;
  width:100%;
}


@media only screen and (max-width:800px) {
.contents_1_container {
	font-size:86%;
	padding-bottom:40px;

}
.contents_1_container li {
    width: 100%;
	box-sizing:border-box;
}
.contents_1_container li strong{
	font-weight:bold;
}
}

.contents_1_line_1{
	border-bottom:dashed 1px #FF5353;
	padding-top:25px;
}
.contents_1_line_2{
	border-bottom:dashed 1px #FF5353;
	padding-top:25px;
	margin-bottom:25px;
}

.contents_2{
	font-size:100%;
	text-align:center;
	max-width:960px;
	margin:0 auto;
	padding:70px 0;
	box-sizing:border-box;
}
@media only screen and (max-width:800px) {
.contents_2{
	padding:30px 10px;
}
}






.sub_head{
	padding-bottom:25px;
}

.sub_body{
	background:#FDECC8;
	background-size: 100% auto;
	font-size:120%;
	text-align:center;
	width:100%;
}
.sub_title{
	max-width:95%;
	box-sizing:border-box;
	padding:20px 0 30px 0;
	margin:0 auto;
}
.sub_t_title{
	color:#EE7F67; font-size:120%; border-bottom:15px; font-weight:bold;
}
.sub_t_title_2{
	color:#EE7F67; font-size:100%; border-bottom:15px; font-weight:bold;
}
@media only screen and (max-width:800px) {
.sub_head{
	padding-bottom:10px;
}

.sub_body{
	background-size: 100% auto;
	font-size:120%;
	box-sizing:border-box;
	padding:0 10px;
}
.sub_title{
	padding:20px 0 0 0;
}
}

.sub_contents_1{
	font-size:100%;
	text-align:center;
	max-width:960px;
	margin:0 auto;
	padding:0 10px 70px 10px;
	box-sizing:border-box;
}
@media only screen and (max-width:800px) {
.sub_contents_1{
	padding:30px 10px;
}
}

.sub_box_1{
  padding:15px;
  border:solid 2px #EE7F67;
  margin:0 0 20px 0;
  background:#fff;
}


.t_left{
	text-align:left;
}

.t_img{
	min-width:250px;
}

table.table_1{
  box-sizing: border-box;
  border-collapse:collapse;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
table.table_1 th,td{
  border: 1px solid #ccc;
  padding:20px;
  vertical-align:middle;
}
table.table_1 th{
  background: #FDECC8;
  color:#EE7F67;
  font-weight:normal;
}
table.table_1 input[type=text] {
            width: 100%;
            box-sizing: border-box;
			font-size:120%;
			padding:10px;
        }
table.table_1 textarea {
width:100%;
box-sizing:border-box;
padding: 1em;
margin:0;
}

table.table_1 .bt_1{
	 padding:10px;
	 margin:20px;
	 font-size:16px;
     }
label{
  display:block;
  position:relative;
  padding-left:1em;
}
label input{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  margin:auto;
}
@media only screen and (max-width:800px) {
table.table_1 th{
      display: block;
	  border-top:none;
	  font-weight:bold;
    }
table.table_1 tr:first-child{
	  border-top: 1px solid #ccc;
    }
table.table_1 td{
      display: block;
	  border-top:none;
    }
}

.table_1 span{
	 color:#DF4C99;
	 padding:0 0 0 5px;
     }

.table_1_s{
	 color:#DF4C99;
     }
input.b_1 {
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px 30px;
    background-color: #EE7F67;
    color: #fff;
    border-style: none;
}
input.b_1:hover {
  background-color: #FF7200;
  color: #fff;
  cursor:pointer;
}
@media only screen and (max-width:800px) {
table.table_1 th{
      display: block;
	  border-top:none;
	  font-weight:bold;
    }
table.table_1 tr:first-child{
	  border-top: 1px solid #ccc;
    }
table.table_1 td{
      display: block;
	  border-top:none;
    }
}