@charset "utf-8";
body{background: #FEF8EC; padding: 46px 0 174px; min-width: 1200px;}
body.body_1{padding: 46px 0 174px;}
body .PC{display: block;}
body .SP{display: none;}
header{/* max-width: 1100px; */ margin: 0 auto; padding: 0 40px 50px;}


body main{ margin: 0 auto; ;}
#spot{background: #fff;max-width: 1100px; margin: 0 auto; padding: 54px 0 80px; border-radius: 15px;}
#spot h2{text-align: center;font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal; font-size: 33px; color:#0F9054; }
#spot h2 .title{background: #0F9054; display: inline-block; width: 500px; color: #fff; font-size: 40px; border-radius:  60px;padding: 20px 0;font-weight: 700; font-style: normal; margin-bottom: 43px; }
#spot .modal_box{max-width:  960px; margin: 0 auto;}
#spot .modal_box .btn{display: block !important; width: 500px; 
	margin:92px auto 0;
	color: #fff; 
	font-size: 30px;
	font-family: fot-tsukubrdgothic-std, sans-serif;font-weight: 700; font-style: normal;  
	background: #EF6869 url(../images/modal/modal_1/icn_1.png) no-repeat center right 46px;
	background-size: 32px; 
	text-decoration: none;
	text-align: center;
	padding: 28px 0;
	border-radius: 50px;　}
	
.alert { padding: 30px 0 0; text-align: center; }
.alert span { display: block; color: #f10808; padding: 0 0 10px; }
.tt_center_box {text-align: center;padding: 80px 0 0;}
.tt_center_note{text-align: left; display: inline-block;}
.tt_center_note span{color: #949593; font-size: 13px; display: inline-block; padding:0 0 0 13px; text-indent: -13px;font-family: 'Noto-Sans-JP-Regular';}
/*---------------------------------------------------------------------------- modal */
body.modal_body{background: #fff; padding: 0px; min-width: auto;}
#modal{background: #fff;}
body.modal_body header{text-align: center; padding: 10% 0 30px;}
body.modal_body header h1{font-size: 16px;font-family: 'Noto-Sans-JP-Medium'; line-height: 180%;}
body.modal_body header h1 img{display: block; width: 60px; margin: 0 auto; padding: 0 0 20px:}
body.modal_body header h1 span{font-size: 23px ;font-family: 'Noto-Sans-JP-Medium';}
#modal .big_img{width: 100%; height: auto;}
#modal .big_img img{width: 100%; height: auto;}
#modal .youtube{padding: 56.25% 0 0; position: relative;}
#modal .youtube iframe{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px;}
#modal .title_text{margin: 0 6% 60px;}
#modal .title_text .pin_box img{padding: 5% 0 20px; display: block;; width: 60px; margin: 0 auto;}
#modal .title_text h2{font-size: 28px; font-family: 'Noto-Sans-JP-Regular'; padding: 3% 0 0; line-height: 160%;}
#modal .title_text p{font-size: 15px;line-height: 200%; text-align: left;font-family: 'Noto-Sans-JP-Regular'; padding: 25px 0 0;}
#modal .title_text p.text{}
#modal .title_text p.text a{color: #000; font-size: 16px;line-height: 180%;}
#modal .img_box:nth-child(1){padding: 0 6% 25px;}
#modal .img_box:nth-child(2){padding: 0 6% 50px;}
 #modal .img_box img{width:100%; height: auto;}
 
 
/*---------------------------------------------------------------------------- modal_line */
#spot .modal_line .box{display: flex; align-items: center; }
#spot .modal_line .box h3{font-family: fot-tsukubrdgothic-std, sans-serif;font-weight: 700; font-style: normal; font-size: 40px; color: #119054; padding: 0 0 16px;}
#spot .modal_line .box .text p{font-size: 24px; line-height: 192%;font-family: fot-tsukubrdgothic-std, sans-serif;font-weight: 700; font-style: normal; letter-spacing: 0.1em; }
#spot .modal_line .box .text p span{display: block; font-size: 16px;padding: 10px 0 0;}


#spot .modal_line .box:nth-child(1) {padding: 33px 0 0 0;}
#spot .modal_line .box:nth-child(2) {padding: 91px 0 0 0;}
#spot .modal_line .box:nth-child(3) {padding: 91px 0 0 0;}
#spot .modal_line .box:nth-child(4) {padding: 84px 0 0 0;}
#spot .modal_line .box:nth-child(5) {padding: 181px 0 0 0;}
#spot .modal_line .box:nth-child(6) {padding: 118px 0 0; }


#spot .modal_line .box:nth-child(1) .text{padding: 0 0 0 34px;}
#spot .modal_line .box:nth-child(2) .text{padding: 0 0 0 68px;}
#spot .modal_line .box:nth-child(3) .text{padding: 0 0 70px 34px;}
#spot .modal_line .box:nth-child(4) .text{padding: 0 0 0 34px;}
#spot .modal_line .box:nth-child(5) .text{padding: 0 0 90px 34px;}
#spot .modal_line .box:nth-child(6) .text{padding: 0px 0 32px 34px;}
#spot .modal_line .box:nth-child(2) img{padding: 0 0 0 41px;}

/*---------------------------------------------------------------------------- modal_youtube */

#spot .modal_youtube{max-width: 840px;}
#spot .modal_youtube h2{line-height: 192%;letter-spacing: 0.05em;}
#spot .modal_youtube h2 .date{font-size: 40px;font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal; }
#spot .modal_youtube .youtube{width: 100%; position: relative; padding: 50% 0 0; margin: 57px 0 0;}
#spot .modal_youtube .youtube iframe{position: absolute; top: 0px; right: 0px; width: 100%; height: 100%;}
#spot .modal_youtube .link_qr{text-align: center; padding: 70px 0 0;}
#spot .modal_youtube .link_qr p{font-size: 20px; font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal;letter-spacing: 0.1em;}
#spot .modal_youtube .link_qr img{padding: 14px 0 0;}

#spot .modal_youtube .slick_box{display: flex;}
#spot .modal_youtube .slick_box .btn{color: #fff;  	text-decoration: none; 	text-align: center; 	padding: 28px 0; 	border-radius: 50px; width: 386px;} 
#spot .modal_youtube .slick_box .btn.btn_1{background: #0F9054 url(../images/modal/modal_1/icn_2.png) no-repeat center left 34px;background-size: 32px; }
#spot .modal_youtube .slick_box .btn.btn_2{background: #0F9054 url(../images/modal/modal_1/icn_1.png) no-repeat center right 34px;background-size: 32px; }


/*---------------------------------------------------------------------------- questionnaire */
.ques_he{ display: flex; justify-content: space-between;}
#questionnaire h2{display: flex;flex-direction: column; align-items: center;font-size: 35px;padding: 0 0 42px;line-height: 172%; text-align: center;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal;}
#questionnaire h2 img{font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal;}
#questionnaire .img_box{text-align: center;}
/*
#questionnaire h2 .date{font-size: 70px; color: #119054;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal;display: inline-block;padding: 45px 0 30px; }
*/

#questionnaire .title_box{display: flex;flex-direction: column; align-items: center;font-size: 35px;padding: 69px 0 57px;line-height: 172%; text-align: center;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal;}
#questionnaire .title_box .date{font-size: 70px; color: #119054;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal;display: inline-block;padding: 0 0 30px; }

#questionnaire{max-width: 1100px; margin: 0 auto; }
#questionnaire .questionnaire_box{display: flex; justify-content: space-between; flex-wrap: wrap;}
#questionnaire .questionnaire_box .box{background: #fff; border-radius: 15px; padding: 44px 0 51px; display: flex; flex-direction: column; align-items: center;justify-content: flex-end;width: 526px;}
#questionnaire .questionnaire_box .box img{display: block;}
#questionnaire .questionnaire_box .box a{text-decoration: none; color: #fff; display: block;  padding: 25px 35px; text-align: center; background: #EF6869 url(../images/questionnaire/image/icn01.svg) no-repeat center right 16px; background-size: 31px; border-radius: 100px; margin: 27px auto 0; font-size: 30px; width: 319px;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal;}
#questionnaire .questionnaire_box .box a.big_btn_1{ width: 420px;padding: 25px 20px 25px 9px;;}
#questionnaire .questionnaire_box .box a.big_btn_2{ width: 420px; padding: 25px 9px;}
#questionnaire .questionnaire_box .box a.big_btn_3{ width: 447px;padding: 25px 20px;}
    
#questionnaire .questionnaire_box .box.box_3{margin: 58px 0 0; }
#questionnaire .questionnaire_box .box.box_3 a{ width: 340px; padding: 25px 36px 25px 10px;}
#questionnaire .questionnaire_box .box a img{float: right; }


/*---------------------------------------------------------------------------- animal */
#animal{max-width: 1100px; margin: 0 auto;}
#animal h2{padding: 0 0 57px; text-align: center;}
#animal .white{background: #fff; border-radius: 15px;padding: 0 97px;}
#animal .white .box:not(:last-child){border-bottom: 1px solid #DBDBDB;}
#animal .white .animal_box{text-align: center; padding: 50px 0 0;}
#animal .white .animal_box h3{font-size: 35px; font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; line-height: 172%; padding: 0 0 40px;}
#animal .white .animal_box img{padding: 0 0 70px;}
#animal .white .animal_box h3 span{font-size: 43px;font-weight: 500;}
#animal .white .animal_box p{font-size: 18px; line-height: 222%; font-family: 'Noto-Sans-JP-Regular';}
#animal .white .animal_box .hamster_tt{padding: 0 0 84px;}
#animal .white .animal_box .another_tt{padding: 0 0 53px;}

#animal .white .box .question_box{display: flex; justify-content: center; align-items: center;padding: 66px 0;}
#animal .white .box .question_box .tt_box{width: 571px; padding: 0 0 0 59px;}
#animal .white .box .question_box .tt_box h3{font-size: 26px; font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; display: flex; align-items: center; padding: 0 0 25px ; }
#animal .white .box .question_box .tt_box h3 img{margin: 0 19px 0 0 ;}
#animal .white .box .question_box .tt_box p{font-size: 18px; line-height: 200%; font-family: 'Noto-Sans-JP-Regular';}

#animal .white .box.detail_box{padding: 73px 0 122px; }

#animal .white .box.detail_box.btn_box_1{padding: 0px 0 163px;}
#animal .white .box.detail_box.btn_box_1 a{margin: 53px auto 0;}
#animal .white .box.detail_box.btn_box_2{padding: 45px 0 198px;}
#animal .white .box.detail_box h3{font-size: 30px; text-align: center; font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; line-height: 194%; padding: 0 0 28px;}
#animal .white .box.detail_box.btn_box_2 h3{padding: 0 0 63px;}

#animal .white .box.detail_box .situation{padding: 0 0 77px; text-align: center;}
#animal .white .box.detail_box .disaster_box{ padding: 0 0 89px; text-align: center;}
#animal .white .box.detail_box .disaster_box.another_box_1{padding: 0 0 39px;}
#animal .white .box.detail_box .disaster_box h3{font-size: 24px; font-family: 'Noto-Sans-JP-Medium'; text-align: center; padding: 0 0 25px;}
#animal .white .box.detail_box .disaster_box h3.gothic_tt{font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal;}
#animal .white .box.detail_box .disaster_box ul{display: flex; justify-content: center;}
#animal .white .box.detail_box .disaster_box ul li{width: 254px; height: auto;border: 1px solid #119054; border-radius: 50px;}
#animal .white .box.detail_box .disaster_box ul li:not(:last-child){margin: 0 12px 0 0;}
#animal .white .box.detail_box .disaster_box ul li p{text-align: center; font-size: 20px; font-family: 'Noto-Sans-JP-Medium'; color: #119054; padding: 19px 0;} 
#animal .white .box.level_box{padding: 67px 0 88px; text-align: center;}
#animal .white .box.level_box h3{font-size: 30px;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; }
#animal .white .box.level_box h3.title{padding: 0 0 38px;}
#animal .white .box.level_box img.img_3{padding: 40px 0 0;}

#animal .white .box.detail_box .explanation{ display: flex; align-items: center;}
#animal .white .box.detail_box .explanation.center_box{justify-content: center;}
#animal .white .box.detail_box .explanation img{margin: 0 35px 0 0 ;}
#animal .white .box.detail_box .explanation .text{border-radius: 15px; background: #FFEFEF; font-size: 16px; font-family: 'Noto-Sans-JP-Regular';     letter-spacing: 0.05em; line-height: 180%; padding: 33px 36px; width: auto;}
#animal .white .box.detail_box .explanation .text .big{font-size: 26px;font-family: 'Noto-Sans-JP-Medium';}
#animal .white .box.detail_box .explanation .text .red{color: #FF0000;}
#animal .white .box.detail_box .explanation .text .purple{color: #A83AAF;}

#animal .white a{text-decoration: none; color: #fff; display: block;  padding: 25px 35px; text-align: center; background: #EF6869 url(../images/questionnaire/image/icn01.svg) no-repeat center right 16px; background-size: 31px; border-radius: 100px; margin: 72px auto 0; font-size: 30px; width: 500px;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal;}
#animal .white a.green{background: #119054 url(../images/questionnaire/image/icn01.svg) no-repeat center right 16px; background-size: 31px;}


/*--------------------------------------------timeline------------------------*/
.timeline{text-align: center;}
#spot.timeline_box{padding: 98px 0 140px; }
#spot.timeline_box  .modal_box{max-width: 840px;}
#spot.timeline_box .title_box{padding: 0 0 72px;font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal;text-align: center;}
#spot.timeline_box .title_box .black{ display: flex; flex-direction: column; align-items: center;    padding: 0 0 52px; }
#spot.timeline_box .title_box .black .data{color: #119054; font-size: 70px;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; display: inline-block; padding: 	0 0 42px;}
#spot.timeline_box .title_box a{display: block; text-align: center; font-size: 19px; border: 2px solid #119054; border-radius: 100px; background: url(../images/timeline/timeline_3/icn_4.png) no-repeat center left 52px; background-size: 29px; width: 343px; margin: 52px auto 0; color: #119054; text-decoration: none; padding: 27px 74px 27px 119px;font-family: 'Noto-Sans-JP-Medium';}

#spot.timeline_box .confirmation_box:not(:last-child){padding: 0 0 59px;}
#spot.timeline_box .confirmation_box img{}
#spot.timeline_box .confirmation_box h3{font-size: 26px; font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal; display: flex; align-items: flex-start; padding: 0 0 32px;width: 100%; position: relative; }
#spot.timeline_box .confirmation_box h3 span.green{background: #119054; width: 121px; height: auto; color: #fff; text-align: center; padding: 9px 0; display: block; border-radius: 100px; margin: 0 25px 0 0; font-size: 24px;font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal;}
#spot.timeline_box .confirmation_box h3 img{margin: 0 0 0 auto;}
#spot.timeline_box .confirmation_box h3 img.img_3{position: absolute; right: 0px; top: -14px;}
#spot.timeline_box .confirmation_box h3 span.sn_boix{display: inline-block; line-height: 192%;font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal;}
#spot.timeline_box .confirmation_box h3 span.red{color: #FF0303; display: inline-block; line-height: 192%;font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal;}
#spot.timeline_box .confirmation_box h3 span.red .mini{color: #000; font-size: 20px;font-family: 'Noto-Sans-JP-Medium';}
#spot.timeline_box .confirmation_box.fm_box{padding: 0px;}
#spot.timeline_box .confirmation_box.fm_box .img{text-align: center;}
#spot.timeline_box .confirmation_box.fm_box .img img{padding: 0 0 76px;display: inline-block;}

	/*---form---*/
#spot.timeline_box .confirmation_box form{}
#spot.timeline_box .confirmation_box form label{position: relative; background:#F2F2F2;width: auto; height: auto;padding: 15px 43px;;display: block; border-radius: 7px;font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal; font-size: 30px; display: flex; align-items: center;}
#spot.timeline_box .confirmation_box form .form_list div:not(:last-child){margin: 0 0 30px;}
#spot.timeline_box .confirmation_box form label:before{content: ""; display: block; background: url(../images/timeline/timeline_3/icn_1.png) no-repeat center center; background-size: 40px; width: 40px; height: 40px; margin: 0 20px 0 0; }
#spot.timeline_box .confirmation_box form .text_ip input{display: block; width: 100%; height: auto;padding: 15px 43px; background:#F2F2F2; border-radius: 7px; border: none; font-size: 30px; color: #000;}
#spot.timeline_box .confirmation_box form input{display: none; width: 100%; height: auto;}
#spot.timeline_box .confirmation_box form input:checked + label:before{background: url(../images/timeline/timeline_3/icn_2.png) no-repeat center center; background-size: 40px;}
#spot.timeline_box .confirmation_box form input:checked + label{background: #fdf5e7; }
#spot.timeline_box .confirmation_box form textarea{width: 90%; height: auto; background: #F2F2F2; border-radius: 15px; border: none; font-size: 30px; padding: 33px; font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal; resize: none;height: 384px;}
#spot.timeline_box form .form_list{ margin: 0 0 30px;}
#spot.timeline_box form .text{font-size: 13px; color: #949593; line-height: 180%;padding: 0 0 0 13px;text-indent: -13px;font-family: 'Noto-Sans-JP-Regular';}

	/*---check_box---*/
#spot.timeline_box .confirmation_box .tt_form{text-align: center; padding: 0 0 54px;}
#spot.timeline_box .confirmation_box .tt_form.tt_form_2{padding: 78px 0 54px;}
#spot.timeline_box .confirmation_box .tt_form span{font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal;font-size: 30px; background: url(../images/timeline/timeline_3/icn_5.png) no-repeat center left; background-size: 19px; padding: 0 0 0 27px; display: inline-block;}

#spot.timeline_box .confirmation_box .tt{font-size: 20px; font-family: 'Noto-Sans-JP-Medium'; padding: 0 0 32px;}
#spot.timeline_box .confirmation_box form .check_box{display: flex; flex-wrap: wrap;}
#spot.timeline_box .confirmation_box form .check_box div{width: 165px; height: auto; position: relative; padding: 0px; border: 1px solid #F2F2F2;}
#spot.timeline_box .confirmation_box form .check_box div:not(:last-child) { margin: 0 0 0;}
#spot.timeline_box .confirmation_box form .check_box div label{background: none; padding: 0px;}
#spot.timeline_box .confirmation_box form .check_box div label:before{content: ""; display: block; background: none; background-size: 40px; width: 40px; height: 40px; position: absolute; bottom: 8px; margin: 0px; right: 8px;}
#spot.timeline_box .confirmation_box form .check_box input:checked + label:before{background: url(../images/timeline/timeline_7/icn_1.png) no-repeat center center; background-size: 40px;}
#spot.timeline_box .confirmation_box form .check_box input:checked + label{background: none; }
#spot.timeline_box .confirmation_box form .text_ip { cursor: pointer; display: flex; }
#spot.timeline_box .confirmation_box form .text_ip label { overflow: hidden; position: relative; background: no-repeat; font-size: 20px;font-family: 'Noto-Sans-JP-Medium'; padding: 0px 26px 0 0; width: 86px;}
#spot.timeline_box .confirmation_box form .text_ip label:before{display: none;}
#spot.timeline_box .confirmation_box form .text_ip input { background: #bdbdbd; cursor: pointer; width: 100%; font-size: 20px;font-family: 'Noto-Sans-JP-Medium';}
#spot.timeline_box .confirmation_box form .text_ip label input[type="radio"],
#spot.timeline_box .confirmation_box form .text_ip label input[type="checkbox"] { position: absolute; opacity: 0; }
#spot.timeline_box .confirmation_box form .text_ip label span { color: #bdbdbd; }

#spot.timeline_box .confirmation_box form .text_ip label span { color: #000000; }
#spot.timeline_box .confirmation_box form .text_ip input[type="text"] { cursor: auto; background: #E1E1E1; }

	/*---right_timeline---*/
.right_timeline .name{margin: 0 0 0 auto; display: flex;align-items: center; justify-content: flex-end}
.right_timeline .SP.name{display: none;}
.right_timeline .name .PC.flex{display: flex; align-items: center; justify-content: flex-end;width: calc(100% - 620px); height: auto; padding: 0 0 0 20px;}
.right_timeline .name p{ display: flex; align-items: center; font-size: 20px; font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; color: #0F9054 ;}
.right_timeline .name .pic {min-width: 70px; width: 70px; height: 70px; margin: 0 8px 0 0; }
.right_timeline .name span{display: block; width: 301px; text-align: center; border: 6px solid #0F9054; border-radius: 50px; background: #fff; font-size: 20px; font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; padding: 20px 0; margin: 0 0 0 23px; color: #0F9054 ;}
.right_timeline .name a{display: block; width: 301px; text-align: center; border: 6px solid #0F9054; border-radius: 50px; background: #fff; font-size: 20px; font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; padding: 20px 0; margin: 0 0 0 23px; color: #0F9054 ; text-decoration: none;}


.top.right_timeline{ margin: 0 auto; padding: 0 40px 50px;}


#spot.myself_box{ padding: 0; background: none;}
.myself.mytimeline{display: flex; justify-content: center;align-items: center;}
.myself.mytimeline .pic{width: 48px; height: 48px; margin: 0 15px 0 0;}

.myself { padding: 0 0 54px; }
.myself .pic { margin: 0 auto 20px; width: 135px; height: 135px;  }
.myself h2{text-align: center; font-size: 40px; font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal;}
.myself h2 img{padding: 0 0 41px;}
.myself h2 span{color: #0F9054; font-weight: 700; font-style: normal;}


#spot .profile{ display: flex; flex-wrap: wrap;justify-content: space-between;}
#spot .profile .box{margin-bottom: 17px; }
#spot .profile .box:not(:nth-child(2n)){margin-right: 14px; }
#spot .profile .box .box_content{padding: 17px 13px;}
#spot .profile .box .tt_box{display: flex; align-items: center; padding: 0;}
#spot .profile .box .tt_box .data_box{background: #0F9054; color: #fff; font-size: 19px; font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal; width: 50px;height: auto; text-align: center; padding: 15px 0 16px; border-radius: 1000px ; }
#spot .profile .box .tt_box h3{font-size: 23px; font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal;padding: 0 0 0 9px; line-height: 138%; color: #119054;}
#spot .profile .box{width: calc(50% - 16px); height: auto; position: relative; border-radius: 20px; border: 3px solid #0F9054; background: #fff;}
#spot .profile .box.big{width: 100%; height: auto;}
#spot .profile .box .result_box { height: calc(100% - 55px); display: flex; align-items: center;padding: 0 0 0 20px;}

#spot .profile .box .result_box h4{font-size: 40px; font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal; padding: 0 0 0 26px;}
#spot .profile .box .result_box .text_area{font-size: 16px; font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal; line-height: 200%; padding: 23px 0 0; width: 85%;}
#spot .profile .box .result_box .img{text-align: center;}
#spot .profile .box .result_box .img p{font-size: 16px; color: #D80606; font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal; padding: 0 0 11px;}
#spot .profile .box .result_box h4 span.big_tt { font-size: 35px; font-weight: 700; padding: 0 0 0 21px; }
#spot .profile .box_3.box .result_box h4 span.big_tt{font-size: 50px;}
#spot .profile .box_3.box .result_box h4{font-size: 30px;}

#spot .profile .box .result_box h4 span.black{ font-size: 24px;font-weight: 700; line-height: 117%;}
#spot .profile .box .result_box h4 span.red{ color: #D80606; display: inline-block; font-weight: 700;}
#spot .profile .box .result_box ul.evacuation li{display: flex; align-items: center; width: 398px;}
#spot .profile .box .result_box ul.evacuation li:not(:last-child){padding: 0 0 6px;}
#spot .profile .box .result_box ul.evacuation li img{margin: 0 11px 0 0;}
#spot .profile .box .result_box ul.evacuation li p{font-size: 20px; font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal;}
#spot .profile .box .result_box ul.vigilance{ display: flex;padding: 9px 0 0;}
#spot .profile .box .result_box ul.vigilance li{width: calc(25% - 26px); height: auto; margin: 0 13px;}
#spot .profile .box .result_box ul.vigilance li .list_box{ border: 1px solid #b9b9b9; height: 100%; }
#spot .profile .box .result_box ul.vigilance li .list_box .form_box img{width: 100%; height: auto; }
#spot .profile .box .result_box ul.vigilance li p{line-height: 143%; font-size: 14px; font-family: 'Noto-Sans-JP-Medium'; padding: 14px 10px 13px;}

#spot .profile .box.box_1 .result_box{padding: 16px 0 0 59px;}
#spot .profile .box.box_1 .result_box h4{font-size: 27px;}
#spot .profile .box.box_2 .result_box h4{padding: 0 28px 0 0;display: flex; align-items: center;}
#spot .profile .box.box_2 .result_box h4 span.big_tt {padding: 0 0 0 13px;}
#spot .profile .box.box_3 .result_box{padding: 7px 0 0 82px;}
#spot .profile .box.box_3 .result_box h4{padding: 0 25px 0 0;}
#spot .profile .box.box_4 .result_box{padding: 9px 0 0 69px;}
#spot .profile .box.box_5 {width: calc(67.73% - 14px);}
#spot .profile .box.box_5 .result_box{display: block; padding: 16px 0 0;width: 95%; margin: 0 auto;}
#spot .profile .box.box_5 .result_box .img{width: 100%; height: auto; display: block;}

#spot .profile .box.box_6 {width: calc(100% - 67.73% - 14px);}

#link_btn.btn_box{display: flex; align-items: center; max-width: 980px; margin: 77px auto 0;}
#link_btn.btn_box.mytimeline{flex-wrap: wrap;justify-content: center;}
#link_btn.btn_box.mytimeline #hidden{width: 98%; margin: 30px auto 0;}
#link_btn.btn_box a{width: 386px;display: block; color: #fff; font-size: 30px; font-family: fot-tsukubrdgothic-std, sans-serif; font-weight: 700; font-style: normal; background: #119054 url(../images/modal/modal_1/icn_1.png) no-repeat center right 46px; background-size: 32px; text-decoration: none; text-align: center; padding: 28px 0; border-radius: 50px;}
#link_btn.btn_box a:first-child{ width: 449px; background: #EF6869 url(../images/modal/modal_1/icn_1.png) no-repeat center right 26px; background-size: 32px;}

#link_btn.btn_box a.stop_btn{background: #B4B4B4 url(../images/modal/modal_1/icn_1.png) no-repeat center right 26px; background-size: 32px; padding:
25px 46px 25px 0; width: 431px; margin: 0 0 0 30px;}

#link_btn.btn_box a.btn_3{margin: 55px auto 0;}

#spot.timeline_box .btn_box{display: flex;}
#spot.timeline_box .btn_box input,
#spot.timeline_box .btn_box a{width: 386px !important; line-height: 100%; border: none;}
#spot.timeline_box .btn_box a:first-child{ background: #119054 url(../images/timeline/timeline_3/icn_3.png) no-repeat center left 46px; background-size: 32px; border:none;	 }

#spot.timeline_box h2.black{color: #000; padding: 0 0 76px;line-height: 140%;}
#spot.timeline_box .green{background: #119054 url(../images/modal/modal_1/icn_1.png) no-repeat center right 46px; background-size: 32px; }
#spot.timeline_box .green.icn_none{background: #119054 ; }

/*----------------------everyone_box--------------------------*/

.pic { width: 94px; height: 94px; box-sizing: border-box; background: #fff; position: relative; overflow: hidden; border: 2px solid #E5E5E5; border-radius: 50%; }
.pic img { -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: absolute; top: 70%; left: 50%; width: 80%; height: auto; }
#everyone_box{max-width: 1100px; margin: 0 auto;}
#everyone_box h2{text-align: center; font-size: 18px;font-family: 'Noto-Sans-JP-Regular'; padding: 0 0 54px;}
#everyone_box h2 img{padding: 0 0 15px;}
#everyone_box .aggregate_btn{padding: 0 0 54px; display: flex;justify-content: center}
#everyone_box .aggregate_btn a{display:block; width: 360px; background: #f18d00; border-radius: 100px; color: #fff; text-align: center; font-size: 20px; font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; text-decoration: none; padding: 23px 0; text-decoration: none;}
#everyone_box .aggregate_btn a:first-child{margin: 0 30px 0 0;}
#everyone_box ul li:not(:last-child){margin: 0 0 28px;}
#everyone_box ul li{background: #fff; border-radius: 15px; box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: space-between ;padding: 30px 40px;}
#everyone_box ul li .avater_name{display: flex; align-items: center; }

#everyone_box ul li .avater_name p{font-size: 23px;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; margin: 0 0 0 11px;}
#everyone_box ul li .avater_name p span{font-size: 30px; color: #0F9054;}
#everyone_box ul li .avater_name p .postal { font-size: 20px; display: block; padding-top: 10px;}
#everyone_box ul li .animal{display: flex; align-items: center;}
#everyone_box ul li .btn { text-align: center; }
#everyone_box ul li .btn a,
#everyone_box ul li .btn span {display: inline-block; width: 270px; background: #0F9054; border-radius: 100px; color: #fff; text-align: center; font-size: 20px;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; text-decoration: none; padding: 23px 0;}
#everyone_box ul li .hidden{display: inline-block; width: 350px; background: #0F9054; border-radius: 100px; color: #fff; text-align: center; font-size: 20px;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; text-decoration: none; padding: 23px 0; border: none;}
#everyone_box ul li .btn span { background: #b0b0b0; }

#everyone_box .myself_box{width: 100%; background: #fff; border-radius: 20px; box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.1);}
#everyone_box .myself_box h3{background: #119054; border-radius: 20px 20px 0 0; font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; color: #fff; font-size: 28px; text-align: center; padding: 16px 0 8px; line-height: 160%;}
#everyone_box .myself_box .myself{display: flex; align-items: center; padding: 28px 48px 50px 37px; justify-content: space-between;}
#everyone_box .myself_box .myself .avater_name{display: flex; align-items: center;}
#everyone_box .myself_box .myself .avater_name .pic{width: 94px; height: 94px;}
#everyone_box .myself_box .myself .avater_name p small{font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; font-size: 25px; margin: 0 0 0 15px;}
#everyone_box .myself_box .myself .animal{display: flex; align-items: center; margin: 0 51px 0 auto;}
#everyone_box .myself_box .myself .animal .animal_left{padding: 0 15px 0 0;}
#everyone_box .myself_box .myself .animal .animal_right{padding: 0 0 0 20px;}
#everyone_box .myself_box .myself .btn{width: 231px; text-align: right; background: #0F9054; border-radius: 1000px; color: #fff; font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; line-height: 120%; padding: 15px 58px 18px 0; position: relative; font-size: 18px;}
#everyone_box .myself_box .myself .btn:before{content: ""; display: block; width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-50%) rotateZ(45deg); top: 45%; right: 30px; position: absolute; transition: 0.5s;}
#everyone_box .myself_box .myself .btn.is-open:before{ transform: translateY(-50%) rotateZ(-135deg); transition: 0.5s; top: 50%; }
#everyone_box .myself_box .myself .making{width: 231px; text-align: center; background: #b0b0b0; border-radius: 1000px; color: #fff; font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; line-height: 120%; padding: 15px 0 18px; position: relative; font-size: 18px;}
#everyone_box .timeline_box #spot.myself_box{box-shadow: none;border-radius: 0 0 20px 20px;}
#everyone_box .timeline_box #spot p.titile_box{background: #EDEDED; text-align: center; font-size: 17px; font-family: 'Noto-Sans-JP-Bold';; line-height: 148%; padding: 12px 0;}
#everyone_box .timeline_box #spot{padding: 0 45px 17px 37px;width: auto;}
#everyone_box .timeline_box #spot .profile{padding: 27px 0 0;}
#everyone_box .timeline_box {display: none;}
#everyone_box .timeline_box #spot .profile .box .tt_box h3{background: none;font-size: 19px;}
#everyone_box .timeline_box #spot .profile .box .result_box ul.vigilance li { box-shadow: none; width: calc(25% - 26px); height: auto; margin: 0 13px; padding: 0; display: block;}
#everyone_box .timeline_box #spot .profile .box .result_box h4 span.black{font-size: 20px;}

#everyone_box .timeline_box #spot .profile .box.box_1 .result_box{padding: 16px 70px 0 0;}
#everyone_box .timeline_box #spot .profile .box.box_1 .result_box .img{width: 130px; height: auto;}
#everyone_box .timeline_box #spot .profile .box.box_1 .result_box .img img{width: 100%; height: auto;}
#everyone_box .timeline_box #spot .profile .box.box_1 .result_box h4{font-size: 23px;padding: 0 0 0 42px;}

#everyone_box .timeline_box #spot .profile .box.box_2 .result_box h4 span.big_tt{font-size: 30px;}
#everyone_box .timeline_box #spot .profile .box.box_2 .result_box .img{width: 116px; height: auto;}
#everyone_box .timeline_box #spot .profile .box.box_2 .result_box .img img{width: 100%; height: auto;}
#everyone_box .timeline_box #spot .profile .box.box_2 .result_box .img p{font-size: 13px;}

#everyone_box .timeline_box #spot .profile .box.box_3 .img{width: 102px; height: auto;}
#everyone_box .timeline_box #spot .profile .box.box_3 .img img{width: 100%; height: auto;}
#everyone_box .timeline_box #spot .profile .box.box_3 .result_box{padding: 7px 70px 0 0;}
#everyone_box .timeline_box #spot .profile .box.box_3 .result_box h4{font-size: 25px; padding: 0 45px 0 0;}
#everyone_box .timeline_box #spot .profile .box.box_3 .result_box h4 span{ font-size: 42px;}

#everyone_box .timeline_box #spot .profile .box.box_4 .result_box ul.evacuation li p{ font-size: 17px;}

#everyone_box .timeline_box #spot .profile .box.box_6 .result_box .text_area{padding: 19px 0 0;}

#everyone_box .timeline_box #spot .profile .box .result_box ul.vigilance li img{width: 100%; height: auto;}
#everyone_box .timeline_box #spot .profile .box .result_box ul.evacuation li{box-shadow: none; justify-content: flex-start; width: 398px; margin: 0 auto; padding: 0 0 6px;}
#everyone_box .timeline_box #spot .profile .box .result_box ul.evacuation li:last-child){ padding: 0;}

#everyone_box .aggregate_btn{padding: 75px 0 0; align-items: center; justify-content: space-between;}
#everyone_box .aggregate_btn .my_timeline_tt p.tt{font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; font-size: 18px; line-height: 160%; display: inline-block;}
#everyone_box .aggregate_btn .my_timeline_tt p.tt span{font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; font-size: 18px; line-height: 160%;}
#everyone_box .aggregate_btn .my_timeline_tt p.tt img{padding: 0 13px 0 0;}
#everyone_box .aggregate_btn .my_timeline_tt .blur_tt{font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; font-size: 18px; line-height: 160%; color: #00B0D9; display: inline-block;}

#everyone_box .js-infinite-target{padding: 29px 0 0;}

/*----------------------#service--------------------------*/
#service {position: relative; padding: 130px 0 87px;}
#service header{padding: 0px;}
#service header h1{text-align: center; font-size: 40px; font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal; color: #0F9054; line-height: 140%;}
#service #spot{margin: 70px auto 0; padding: 70px 0 146px;}
#service #spot ul{max-width: 840px ; margin: 0 auto;}
#service #spot ul li:not(:first-child) {padding: 38px 0 0;}
#service #spot ul li p{font-size: 16px; font-family: 'Noto-Sans-JP-Regular'; line-height: 200%; color: #000; text-indent: -29px; padding-left: 29px;}

#service #spot ul li p.none,
#service #spot ul li p.text{text-indent:0px; padding-left: 0px; }
#service #spot ul li p.big_tt{font-family: 'Noto-Sans-JP-Bold';text-indent:0px; padding-left: 0px; }
#service #spot ul li a{text-decoration: none; color: #000;}
#service #spot .btn{width: 386px; margin: 80px auto 0; display: block; text-align: center; font-size: 30px; font-family: "fot-tsukuardgothic-std", sans-serif; font-weight: 700; font-style: normal; background: #0F9054; line-height: 140%;color: #fff;text-decoration: none; border-radius: 100px; padding: 19px 0;}

/*----------------------#mytimeline_stop--------------------------*/
#mytimeline_stop{background: #fff; border-radius: 20px; width: 100%; margin: 0 auto; padding: 78px 0 225px;max-width: 1100px;}
#mytimeline_stop #spot{padding: 0px;}
#mytimeline_stop h1{font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; font-size: 40px; text-align: center;line-height: 130%; color: #0F9054; }
#mytimeline_stop form{width: 800px; margin: 54px auto 0;}
#mytimeline_stop form table{width: 100%; height: auto;}
#mytimeline_stop form tr:not(:first-child) input{margin: 30px auto 0;}
#mytimeline_stop form tr input{font-family: 'Noto-Sans-JP-Regular'; width: 100%; height: 70px; line-height: 70px; box-sizing: border-box; padding: 0 30px; border: 2px solid #d9d9d9; border-radius: 10px;}
#mytimeline_stop form tr textarea{font-family: 'Noto-Sans-JP-Regular'; width: 100%; height: 300px; line-height: 160%; box-sizing: border-box; padding: 20px 30px; border: 2px solid #d9d9d9; border-radius: 10px;margin: 30px auto 0; resize: none;}
#mytimeline_stop form .btns{width: 265px; height: auto; margin: 57px auto 0; text-align: center;}
#mytimeline_stop form .btns button{background: #000; color: #fff; border-radius: 100px;font-family: 'Noto-Sans-JP-Medium'; font-size: 16px; line-height: 160%; width: 100%; height: auto; display: block; padding: 15px 0 17px;}

/*---共通---*/
#mytimeline_stop h2{text-align: center; font-family: 'Noto-Sans-JP-Medium'; font-size: 30px; line-height: 160%; color: #000;padding: 30px 0 0;}
#mytimeline_stop p.caution{text-align: center; line-height: 160%; font-family: 'Noto-Sans-JP-Regular'; font-size: 18px; padding: 10px 0 0;}
#mytimeline_stop .back_btn a{border-radius: 100px; width: 265px; line-height: 160%; color: #fff; background: #b3b3b3; text-decoration: none; font-family: 'Noto-Sans-JP-Medium'; display: block; padding: 14px 0 16px; text-align: center; font-size: 18px;}
#mytimeline_stop .btns.flex{display: flex; width: auto;justify-content: center;}
#mytimeline_stop .submit_btn{margin: 0 0 0 5%;}
#mytimeline_stop .submit_btn input{background: #000; color: #fff; border-radius: 100px;font-family: 'Noto-Sans-JP-Medium'; font-size: 18px; line-height: 160%; width: 100%; height: auto; display: block; padding: 15px 0 17px; border: none;width: 265px;}
#mytimeline_stop .top_btn a{border-radius: 100px; width: 265px; line-height: 160%; color: #fff; background: #000; text-decoration: none; font-family: 'Noto-Sans-JP-Medium'; display: block; padding: 14px 0 16px; text-align: center; font-size: 18px; margin: 50px auto 0;}
/*---error---*/
#mytimeline_stop #error .alert span{font-size: 16px; line-height: 160%; display: block;}
#mytimeline_stop #error .alert{padding: 30px 0 0;}
#mytimeline_stop #error .alert span:not(:first-child){padding: 10px 0 0;}
#mytimeline_stop #error .back_btn a{margin: 50px auto 0px;}


/*---#confirm---*/
#mytimeline_stop #confirm{}
#mytimeline_stop #confirm form table{width: 100%; height: auto; margin: 50px auto 0px;}
#mytimeline_stop #confirm form table th{width: calc(100% - 65%); height: auto; border: 1px solid #cccccc; padding: 24px 22px; background: #eeeeee; text-align: left;font-family: 'Noto-Sans-JP-Regular';}
#mytimeline_stop #confirm form table td{border: 1px solid #cccccc; padding: 24px 22px; width: 50%; text-align: left;font-family: 'Noto-Sans-JP-Regular';}

/*---#thanks---*/
#mytimeline_stop #thanks h2 {padding:0px;}
#mytimeline_stop #thanks .text_box{margin: 0 auto; width: 542px; height: auto; padding: 50px 0 0;}
#mytimeline_stop #thanks .text_box small{line-height: 160%; font-size: 13px;font-family: 'Noto-Sans-JP-Regular';}

/*---#aggregated---*/
#aggregated #spot{background: none;}

#aggregated #spot h2 img{padding: 0 49px 0 0;}
#aggregated #spot .animal_box{padding: 57px 0 0;}
#aggregated #spot .flex{ display: flex; flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
#aggregated #spot .box{background: #fff; border-radius: 15px; box-shadow: 7px 7px 0 0 rgba(0,0,0,0.1); width: 532px; margin: 0 0 27px;}
#aggregated #spot .box .flex{padding: 25px 110px 13px 65px; align-items: center;justify-content: flex-start; justify-content: space-between;}
#aggregated #spot .box .flex .animal{text-align: center;}
#aggregated #spot .box .flex .animal p{font-size: 14px; font-family: 'Noto-Sans-JP-Regular'; line-height: 200%; padding: 4px 0 0;}
#aggregated #spot .box .flex .animal p span{font-size: 17px; font-family: 'Noto-Sans-JP-Bold'; line-height: 200%; }

#aggregated #spot .box .flex p.number{font-size: 32px;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal; color: #0F9054; padding: 0 0 15px; }
#aggregated #spot .box .flex p.number span.data{font-size: 71px;font-family: "zen-maru-gothic", sans-serif; font-weight: 500; font-style: normal;}

@media print {
	body {
		width: 1000px;
		margin: 0 auto;
		min-width: auto;
	}
	* {
		box-sizing: border-box;
	}
	header {
		display: none !important;
	}
	#everyone_box {
		width: 90%;
	}
}

@media only screen and (max-width: 768px) {
	body .PC{display: none;}
	body .SP{display: inline-block;}
	
	body img{width: 100%; height: auto;}
	body{padding: 20px 0 87px;min-width: auto;}
	body.body_1{padding: 20px 0 87px;}
	header{ padding: 0 25px 25px;}
	
	header h1{width: 75%}
	
	.tt_center_box {padding: 40px 0 0;}
	.tt_center_note span{font-size: 11px; line-height: 180%; padding:0 0 0 11px; text-indent: -11px;}
	/*---------------------------------------------------------------------------- modal */
	body.modal_body header{ padding: 15% 0 15px;}
	body.modal_body header h1{font-size: 15px; width: 100%;}
	body.modal_body header h1 img{display: block; width: 30px; padding: 0 0 10px:}
	body.modal_body header h1 span{font-size: 17px ;}
	#modal .youtube{ position: relative;}
	#modal .title_text{margin: 0 8% 20px;}
	#modal .title_text h2{font-size: 20px; padding: 5% 0 0;}
	#modal .title_text h2 img{padding: 0 0 10px;  width: 30px; }
	#modal .title_text p{font-size: 12px; padding: 25px 0 0;}
	#modal .img_box:nth-child(1){padding: 0 3% 25px;}
	#modal .img_box:nth-child(2){padding: 0 3% 25px;}
 

	
	/*---------------------------------------------------------------------------- modal */
	
	#spot{ padding: 27px 0px 67px; margin: 0 auto; width: 92%; }
	#spot h2{font-size: 15px; }
	#spot h2 .title{ max-width: 250px; width: 100%; font-size: 20px; padding: 15px 0; margin-bottom: 21px; }
	#spot .modal_box .btn{ width: 100%; max-width: 300px; margin:30px auto 0; font-size: 16px; font-family: fot-tsukubrdgothic-std, sans-serif;font-weight: 700; font-style: normal; background: #DE5066 url(../images/modal/modal_1/icn_1.png) no-repeat center right 10px; background-size: 20px; padding: 16px 0; border-radius: 50px; }
	
	/*---------------------------------------------------------------------------- modal_line */
	#spot .modal_line .box{display: flex; align-items: center; flex-direction: column;align-items: flex-start }
	#spot .modal_line .box h3{ font-size: 20px; color: #119054; padding: 0 0 8px;}
	#spot .modal_line .box .text p{font-size: 15px;  }
	#spot .modal_line .box .text p span{display: block; font-size: 11px;padding: 10px 0 0;}
	
	#spot .modal_line .box img{ width: 100%; padding: 0 0 20px;}
	#spot .modal_line .box:nth-child(1) {padding: 15px 0 0 0;}
	#spot .modal_line .box:nth-child(2) {padding: 60px 0 0 0;}
	#spot .modal_line .box:nth-child(3) {padding: 60px 0 0 0;}
	#spot .modal_line .box:nth-child(4) {padding: 60px 0 0 0;}
	#spot .modal_line .box:nth-child(5) {padding: 60px 0 0 0;}
	#spot .modal_line .box:nth-child(6) {padding: 60px 0 0; }
	
	#spot .modal_line .box:nth-child(1) .text,
	#spot .modal_line .box:nth-child(2) .text,
	#spot .modal_line .box:nth-child(3) .text,
	#spot .modal_line .box:nth-child(4) .text,
	#spot .modal_line .box:nth-child(5) .text,
	#spot .modal_line .box:nth-child(6) .text{padding: 0px;}
	#spot .modal_line .box:nth-child(2) img{padding: 0 0 20px ;}
	
	/*---------------------------------------------------------------------------- modal_youtube */
	
	#spot .modal_youtube{max-width: 840px;}
	#spot .modal_youtube h2 { line-height: 180%; }
	#spot .modal_youtube h2 .date{font-size: 25px; }
	#spot .modal_youtube .youtube{ margin: 27px 0 0; padding: 56% 0 0;}
	#spot .modal_youtube .link_qr{ padding: 30px 0px 0px;}
	#spot .modal_youtube .link_qr p{font-size: 14px; line-height: 192%; }
	#spot .modal_youtube .link_qr img{padding: 14px 0 0;width: 35%;}
	
	#spot .modal_youtube .slick_box{display: flex;justify-content: center}
	#spot .modal_youtube .slick_box .btn{color: #fff;  	text-decoration: none; 	text-align: center; 	padding: 16px 0; max-width: 150px;	width: 100%; font-size: 14px;} 
	#spot .modal_youtube .slick_box .btn.btn_1{background: #0F9054 url(../images/modal/modal_1/icn_2.png) no-repeat center left 8px;background-size: 16px; margin: 30px 3% 0 0; }
	#spot .modal_youtube .slick_box .btn.btn_2{background: #0F9054 url(../images/modal/modal_1/icn_1.png) no-repeat center right 8px;background-size: 16px; margin: 30px 0 0;}


	/*---------------------------------------------------------------------------- questionnaire */
	.ques_he {}
	.ques_he h1 { width: 30%; }
	#questionnaire{padding: 0 25px;}
	#questionnaire h2{font-size: 17px;padding: 0 0 20px;}
	#questionnaire h2 img{width: 50%; max-width: 190px;}
/*
	#questionnaire h2 .date{ font-size: 35px; padding: 15px 0; }
			<h2><img src="../images/questionnaire/image/logo.png?Var=14862" alt="logo" width="326" height="58"></h2>
*/
	
	#questionnaire .title_box{font-size: 17px;padding: 30px 0 26px;}
	#questionnaire .title_box .date{font-size: 35px; padding: 0 0 15px; }
	
	#questionnaire .questionnaire_box .box{ padding: 22px 10px 26px; width: 41%;}
	#questionnaire .questionnaire_box .box img{display: block; width: 100%; height: auto;}
	#questionnaire .questionnaire_box .box a{padding: 6px 0; margin: 10px auto 0; font-size: 11px; width: 100%; line-height: 160%; text-align: center; background: #EF6869 url(../images/questionnaire/image/icn01.svg) no-repeat center right 6px; background-size: 15px;}
	#questionnaire .questionnaire_box .box a.big_btn_1{ width: 100%;padding: 6px 0;}
	#questionnaire .questionnaire_box .box a.big_btn_2{ width: 100%;padding: 6px 0px;}
	#questionnaire .questionnaire_box .box a.big_btn_3{ width: 100%;padding: 6px 0;}
	    
	#questionnaire .questionnaire_box .box.box_3{margin: 8% 0 0; }
	#questionnaire .questionnaire_box .box.box_3 a{ width:  100%;  padding: 6px 0;}

	/*---------------------------------------------------------------------------- animal */
	#animal{ padding: 0 25px;}
	#animal h2{padding: 0 0 30px; }
	#animal h2 img{width: 50%; max-width: 190px;}
	#animal .white{padding: 0 25px;}
	#animal .white .animal_box{padding: 25px 0 0;}
	#animal .white .animal_box img{width: 50%; height: auto;}
	#animal .white .animal_box img.lion{width: 75%;height: auto;}
	#animal .white .animal_box h3{ font-size: 17px; padding: 0 0 20px;}
	#animal .white .animal_box img{padding: 0 0 35px;}
	#animal .white .animal_box h3 span{font-size: 20px;}
	#animal .white .animal_box p{font-size: 12px;}
	#animal .white .animal_box .hamster_tt{padding: 0 0 42px;}
	#animal .white .animal_box .another_tt{padding: 0 0 26px;}
	
	#animal .white .box .question_box{padding: 33px 0; flex-direction: column;}
	#animal .white .box .question_box img{width: 50%;height: auto;}
	#animal .white .box .question_box .tt_box{width: auto; padding: 30px 0 0 0;}
	#animal .white .box .question_box .tt_box h3{font-size: 16px; padding: 0 0 12px ; line-height: 160%; }
	#animal .white .box .question_box .tt_box h3 img{margin: 0 8px 0 0 ; width: 28px; height: auto;}
	#animal .white .box .question_box .tt_box p{font-size: 13px; }
	
	#animal .white .box.detail_box{padding: 36px 0 61px; }
	
	#animal .white .box.detail_box.btn_box_1{padding: 0px 0 80px;}
	#animal .white .box.detail_box.btn_box_1 a{margin: 26px auto 0;}
	#animal .white .box.detail_box.btn_box_2{padding: 45px 0 59px;}
	#animal .white .box.detail_box h3{font-size: 15px; padding: 0 0 14px;}
	#animal .white .box.detail_box.btn_box_2 h3{padding: 0 0 31px;}
	
	#animal .white .box.detail_box .situation{padding: 0 0 35px;}
	#animal .white .box.detail_box .disaster_box{ padding: 0 0 45px; }
	#animal .white .box.detail_box .disaster_box.another_box_1{padding: 0 0 39px;}
	#animal .white .box.detail_box .disaster_box h3{font-size: 16px; padding: 0 0 25px;}
	#animal .white .box.detail_box .disaster_box ul { display: flex; justify-content: center; flex-direction: column; align-items: center;}
	#animal .white .box.detail_box .disaster_box ul li{width: 70%;}
	#animal .white .box.detail_box .disaster_box ul li:not(:last-child){margin: 0 0 12px 0;}
	#animal .white .box.detail_box .disaster_box ul li p{font-size: 13px;  padding: 19px 0;} 
	#animal .white .box.level_box{padding: 34px 0 44px; }
	#animal .white .box.level_box h3{font-size: 15px; line-height: 194%; padding: 0 0 10px;}
	#animal .white .box.level_box h3.title{ padding: 0 0 20px; line-height: 160%;}
	#animal .white .box.level_box img.img_3{ padding: 20px 0 0; width: 80%; height: auto;}
	
	
	#animal .white .box.detail_box .explanation { display: flex; align-items: center; flex-direction: column;}
	#animal .white .box.detail_box .explanation img{margin: 0 0 18px 0 ; width: 100px; height: auto;}
	#animal .white .box.detail_box .explanation .text{padding: 16px 18px; width: auto; font-size: 11px;}
	#animal .white .box.detail_box .explanation .text .big{font-size: 16px;}
	
	#animal .white a{ padding: 16px 0; background-size: 15px; margin: 36px auto 0; font-size: 16px; width: auto;}
	#animal .white a.green{ background-size: 15px;}


	/*--------------------------------------------timeline------------------------*/
	.timeline{margin: 0 auto;}
	.timeline h1{margin: 0 auto;}
	#spot.timeline_box{padding: 50px 0 70px; }
	#spot.timeline_box  .modal_box{ padding: 0 25px;}
	#spot.timeline_box .title_box{padding: 0 0 36px;}
	#spot.timeline_box .title_box .black{ padding: 0 0 26px; font-size: 16px; }
	#spot.timeline_box .title_box .black .data{ font-size: 35px; padding: 0 0 21px;}
	#spot.timeline_box .title_box a{display: block; text-align: center; font-size: 12px; ; background: url(../images/timeline/timeline_3/icn_4.png) no-repeat center left 15px; background-size: 20px; width: auto; margin: 52px auto 0; padding: 10px 30px ; line-height: 160%;}
	
	
	#spot.timeline_box .confirmation_box .tt_form{ padding: 0 0 27px;}
	#spot.timeline_box .confirmation_box .tt_form.tt_form_2{padding: 20px 0 27px;}
	#spot.timeline_box .confirmation_box .tt_form span{font-size: 14px; background: url(../images/timeline/timeline_3/icn_5.png) no-repeat center left; background-size: 13px; padding: 0 0 0 18px;}
	#spot.timeline_box .confirmation_box:not(:last-child){padding: 0 0 15px;}
	#spot.timeline_box .confirmation_box img{}
	#spot.timeline_box .confirmation_box h3{font-size: 13px;  padding: 0 0 20px; line-height: 192%;}
	#spot.timeline_box .confirmation_box h3 img { width: 25%; height: auto;}
	#spot.timeline_box .confirmation_box h3 img.img_3{position:  static; }
	#spot.timeline_box .confirmation_box h3 span.green{ width: 70px; padding: 6px 0; margin: 0 10px 0 0; font-size: 16px;}
	#spot.timeline_box .confirmation_box h3 span.sn_boix{ font-size: 13px;}
	#spot.timeline_box .confirmation_box h3 span.red {line-height: 162%;}
	#spot.timeline_box .confirmation_box h3 span.red .mini{font-size: 11px;}
	#spot.timeline_box .confirmation_box.fm_box .img img{padding: 0 0 38px;}
	
		/*---form---*/
	#spot.timeline_box .confirmation_box form label{padding: 10px 15px;font-size: 16px; line-height: 160%;}
	#spot.timeline_box .confirmation_box form .form_list div:not(:last-child){margin: 0 0 15px;}
	#spot.timeline_box form .form_list{ margin: 0 0 15px;}
	
	#spot.timeline_box form .text{font-size: 11px; padding: 0 0 0 11px;text-indent: -11px;}
	#spot.timeline_box .confirmation_box form label:before{background: url(../images/timeline/timeline_3/icn_1.png) no-repeat center center; background-size: 24px; width: 24px; height: 24px; margin: 0 10px 0 0; }
	#spot.timeline_box .confirmation_box form .text_ip input { padding: 15px 43px;  font-size: 30px; }
	#spot.timeline_box .confirmation_box form input:checked + label:before{background: url(../images/timeline/timeline_3/icn_2.png) no-repeat center center; background-size: 24px;}
	#spot.timeline_box .confirmation_box form textarea{ width: 89%; height: auto;font-size: 15px; padding: 15px; }
	
		/*---check_box---*/
	#spot.timeline_box .confirmation_box .tt{font-size: 12px; padding: 0 0 16px; line-height: 160%;}
	#spot.timeline_box .confirmation_box form .check_box div{width: 32%; }
	#spot.timeline_box .confirmation_box form .check_box div label:before{ background-size: 24px; width: 24px; height: 24px;  bottom: 8px; margin: 0px; right: 8px;}
	#spot.timeline_box .confirmation_box form .check_box input:checked + label:before{background: url(../images/timeline/timeline_7/icn_1.png) no-repeat center center; background-size: 24px;}
	#spot.timeline_box .confirmation_box form .text_ip label{font-size: 11px; padding: 0px 13px 0 0; width: 25%;}
	#spot.timeline_box .confirmation_box form .text_ip input{width:  100%; font-size: 15px; padding: 7px 21px;}
	
		/*---right_timeline---*/
	.right_timeline .name { width: auto;}

	.right_timeline .SP.name{display: flex; width: auto; justify-content: flex-end; padding: 0 0 15px; width: calc(100% - 40%);}
	.right_timeline .SP.name .pic{min-width: 50px;}
	.right_timeline .SP.name p { display: inline-block; }
	.right_timeline .name .PC.flex{display: none;}
	.right_timeline .name p.PC{display: none;}
	.right_timeline .name p{ font-size: 11px; justify-content: flex-end; line-height: 160%;}
	.right_timeline .name .pic { width: 30px; height: 30px; min-width: 30px;}
	.right_timeline .name a{ width: 110px; font-size: 10px; padding: 3px 0; margin: 0 0 0 10px; border: 2px solid #0F9054; height: 20px;}
	.right_timeline .name a:last-child{ margin: 0 0 0px 5px; width: 80px; line-height: 20px;}
	.right_timeline .name a.map_link{padding: 10px 0 11px;}
	#spot.myself_box{ padding: 19px 0 0;}
	.myself{padding: 0 0 27px;}
	.myself .pic { width: 60px; height: 60px; }
	.myself h2{ font-size: 16px; }
	.myself h2 img{padding: 0 0 21px; width: 68px; height: auto;}
	.myself.mytimeline { padding: 0;}
	.myself.mytimeline .pic { width: 21px; height: 21px; margin: 0 7px 0 0;}
	#spot .profile{padding: 0px; }
	#spot .profile .box .box_content {padding: 11px 13px 17px;}
	#spot .profile .box:not(:last-child){margin: 0 0 14px; width: 100%;}
	#spot .profile .box .tt_box{ padding: 0;}
	#spot .profile .box .tt_box .data_box{font-size: 12px; width: 34px; padding: 11px 0;  }
	#spot .profile .box .tt_box h3{font-size: 16px; padding: 0 0 0 6px; }
	#spot .profile .box{width: auto; height: auto;  }
	#spot .profile .box.big{width: 100%; height: auto;}
	#spot .profile .box .result_box { padding: 0 0 0 8%; height: auto; justify-content: flex-start;}
	#spot .profile .box .result_box.caveat{display: flex;flex-direction: row; align-items: flex-start;justify-content: center}
	#spot .profile .box .result_box h4{font-size: 14px; padding: 0 0 15px;}
	#spot .profile .box .result_box .text_area{font-size: 14px; width: 100%; padding: 0px; line-height: 179%;}
	#spot .profile .box .result_box .img img{ width: 100%;}
	#spot .profile .box .result_box .img p{font-size: 11px; padding: 0 0 8px;}
	#spot .profile .box .result_box h4 span.big_tt{font-size: 23px;padding: 0 8px 0 0;}
	#spot .profile .box .result_box h4 span.black{font-size: 16px;}
	#spot .profile .box .result_box h4 span.red{ padding: 0 0 0 10px;}
	#spot .profile .box_3.box .result_box h4 span.big_tt{font-size: 23px;}
	#spot .profile .box_3.box .result_box h4{font-size: 14px;}
	
	
	#spot .profile .box .result_box ul.evacuation li{width: auto;}
	#spot .profile .box .result_box ul.evacuation li:not(:last-child){padding: 0 0 6px;}
	#spot .profile .box .result_box ul.evacuation li img{ margin: 0 8px 0 0; width: 18px;}
	#spot .profile .box .result_box ul.evacuation li p{font-size: 14px;}
	#spot .profile .box .result_box ul.vigilance{ display: flex; padding: 4px 0 0; width: 100%; }
	#spot .profile .box .result_box ul.vigilance li{width: calc(25% - 5px); margin: 0;}
	#spot .profile .box .result_box ul.vigilance li:not(:last-child){margin: 0 5px 0 0;}
	#spot .profile .box .result_box ul.vigilance li .list_box { border: 1px solid #b9b9b9;}
	#spot .profile .box .result_box ul.vigilance li img.img{width: 47%; height: auto;margin: 0 3% 0 0;}
	#spot .profile .box .result_box ul.vigilance li .form_box{width: 100%; height: auto;}
	#spot .profile .box .result_box ul.vigilance li p{font-size: 11px; padding: 7%;}
	
	#spot .profile .box .result_box .img {text-align: center; width: 32.4%;}
	#spot .profile .box.box_1 .result_box{padding: 4px 0 0 8%;}
	#spot .profile .box.box_1 .result_box h4{font-size: 18px;padding: 0 0 0 18px;}
	#spot .profile .box.box_2 .result_box h4{padding: 0 2% 0 0;}
	#spot .profile .box.box_2 .result_box h4 span.big_tt {padding: 0 0 0 9px;}
	#spot .profile .box.box_3 .result_box{padding: 7px 0 0 8%; width: auto;justify-content: flex-start; margin: 0 auto;}
	#spot .profile .box.box_3 .result_box .img{width: 19.6%; height: auto;}
	#spot .profile .box.box_3 .result_box h4{padding: 0 17px 0 0;}
	#spot .profile .box.box_4 .result_box{padding: 9px 0 0;width: 80%; margin: 0 auto;}
	#spot .profile .box.box_4 .result_box .evacuation{width: 100%;}
	#spot .profile .box.box_5 {width: 100%;}
	#spot .profile .box.box_5 .result_box{display: block; padding: 10px 0 0; width: 100%; margin: 0 auto;}
	#spot .profile .box.box_5 .result_box .img{width: 100%; height: auto; display: block;}
	
	#link_btn.btn_box{display: flex; margin: 0 25px; align-items: center}
	#link_btn.btn_box.mytimeline {display: block;}
	#link_btn.btn_box a{width: 90%; margin: 11px auto 0; font-size: 18px; background: #119054 url(../images/modal/modal_1/icn_1.png) no-repeat center right 10px; background-size: 19px; padding: 7px 0; line-height: 160%; }
	#link_btn.btn_box a:first-child{ width: 90%; background: #EF6869 url(../images/modal/modal_1/icn_1.png) no-repeat center right 10px; background-size: 19px; margin: 11px auto 0;}
	
	#link_btn.btn_box.mytimeline #hidden{ width: 100%; margin: 20px auto 0; }
	
	#link_btn.btn_box a.stop_btn{background: #B4B4B4 url(../images/modal/modal_1/icn_1.png) no-repeat center right 10px; background-size: 19px; padding: 7px 0; width: 90%; margin: 11px auto 0 ;}
	#spot.timeline_box .btn_box input{width: 51% !important; height: auto;  padding: 8px 0 8px 20px; font-size: 13px;   padding: 8px 20px 8px 0px; } 
	#spot.timeline_box .btn_box a{width: 46% !important; height: auto; padding: 8px 20px 8px 0; font-size: 13px; border: none; }
	#spot.timeline_box .btn_box a:first-child{ background: #119054 url(../images/timeline/timeline_3/icn_3.png) no-repeat center left 10px; background-size: 15px; padding: 8px 0 8px 20px; display: flex; margin: 30px 2% 0 auto;}
	#link_btn.btn_box a.btn_3 {margin:41px auto 0;width: 68%; padding: 15px 0;}
	#spot.timeline_box h2.black{ padding: 0 0 38px; font-size: 14px;}
	#spot.timeline_box .green{ background: #119054 url(../images/modal/modal_1/icn_1.png) no-repeat center right 10px; background-size: 15px;}
	#spot.timeline_box .green.icn_none{background: #119054;}
	/*----------------------everyone_box--------------------------*/
	
	.pic  { width: 60px; height: 60px; }


	#list .ques_he { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
	#list .ques_he h1 { padding: 0 0 10px;}
	#everyone_box { padding: 0 25px; }
	#everyone_box .aggregate_btn{padding: 0 0 27px;display: block;}
	#everyone_box .aggregate_btn a{width: 100%; max-width: 360px; font-size: 16px; padding: 15px 0; margin: 0 auto;}
	#everyone_box .aggregate_btn a:first-child{margin: 0 auto 20px;}
	
	#everyone_box h2{ font-size: 12px; padding: 0 0 27px; line-height: 180%;}
	#everyone_box h2 img{padding: 0 0 20px; width: 70%; }
	#everyone_box ul li:not(:last-child){margin: 0 0 28px;}
	#everyone_box ul li{padding: 20px; flex-direction: column;}
	#everyone_box ul li .icn {width: 10%; height: auto;    margin: 0 3%;}
	#everyone_box ul li .animal {padding: 0 0 20px; justify-content: center;width: 100%;}
	#everyone_box ul li .animal .animal_left,
	#everyone_box ul li .animal .animal_right {width: 30%;}

	#everyone_box ul li .avater_name { padding: 0 0 10px; }
	#everyone_box ul li .avater_name p{font-size: 16px; margin: 0 0 0 11px;}
	#everyone_box ul li .avater_name p span{font-size: 20px;}
	#everyone_box ul li .btn { width: 100%; }
	#everyone_box ul li .btn a,
	#everyone_box ul li .btn span { width: 80%; max-width: 320px; font-size: 16px; padding: 15px 0;}

	#everyone_box .myself_box h3{ font-size: 20px; padding: 9px 0 10px;}
	#everyone_box .myself_box .myself{display: block; padding: 20px; }
	#everyone_box .myself_box .myself .avater_name{justify-content: center; }
	#everyone_box .myself_box .myself .avater_name .pic{width: 60px; height: 60px; margin: 0 0 20px;}
	#everyone_box .myself_box .myself .avater_name p small{font-size: 25px; margin: 0 0 0 15px;}
	#everyone_box .myself_box .myself .animal{justify-content: center; margin: 0;}
	#everyone_box .myself_box .myself .animal .animal_left{padding: 0; width: 30%; height: auto;}
	#everyone_box .myself_box .myself .animal .icn {width: 10%; height: auto; margin: 0 3%;}
	#everyone_box .myself_box .myself .animal .animal_right{padding: 0; width: 30%; height: auto;}
	#everyone_box .myself_box .myself .btn{width: 80%; margin: 20px auto 0; padding: 13px 30px 14px 20px; font-size: 16px; max-width: 320px; text-align: center;}
	#everyone_box .myself_box .myself .btn:before{width: 8px; height: 8px; right: 30px; transition: 0.5s;}
	
	#everyone_box .timeline_box #spot .profile .box .box_content {padding: 11px 10px 13px;}
	#everyone_box .timeline_box #spot p.titile_box{font-size: 14px; padding: 7px 0;}
	#everyone_box .timeline_box #spot{padding: 0 20px 10px 20px;width: auto;}
	#everyone_box .timeline_box #spot .profile{padding: 18px 0 0;}
	#everyone_box .timeline_box #spot .profile .box .result_box {padding: 9px 0 0 20px; width: auto; justify-content: flex-start;}
	#everyone_box .timeline_box #spot .profile .box .tt_box h3{background: none;font-size: 13px;text-align: left;}
	#everyone_box .timeline_box #spot .profile .box .result_box ul.vigilance li { box-shadow: none; width: calc(25% - 0px); height: auto; margin: 0 2px; padding: 0; display: block;}
	#everyone_box .timeline_box #spot .profile .box .result_box h4 span.black{font-size: 13px;}
	
	#everyone_box .timeline_box #spot .profile .box.box_1 .result_box{padding: 4px 0px 0 20px;}
	#everyone_box .timeline_box #spot .profile .box.box_1 .result_box .img{width: 36%; height: auto;}
	#everyone_box .timeline_box #spot .profile .box.box_1 .result_box .img img{width: 100%; height: auto;}
	#everyone_box .timeline_box #spot .profile .box.box_1 .result_box h4{font-size: 16px; padding: 0px 0 0 18px;}
	
	#everyone_box .timeline_box #spot .profile .box.box_2 .result_box{padding: 0px 0 0 20px;}
	#everyone_box .timeline_box #spot .profile .box.box_2 .result_box h4 span.big_tt{font-size: 18px;}
	#everyone_box .timeline_box #spot .profile .box.box_2 .result_box .img{width: 36%; height: auto;}
	#everyone_box .timeline_box #spot .profile .box.box_2 .result_box .img img{width: 100%; height: auto;}
	#everyone_box .timeline_box #spot .profile .box.box_2 .result_box .img p{font-size: 11px;}
	
	#everyone_box .timeline_box #spot .profile .box.box_3 .img{width: 21%; height: auto;}
	#everyone_box .timeline_box #spot .profile .box.box_3 .img img{width: 100%; height: auto;}
	#everyone_box .timeline_box #spot .profile .box.box_3 .result_box{padding: 7px 0 0 20px;}
	#everyone_box .timeline_box #spot .profile .box.box_3 .result_box h4{font-size: 14px; padding: 0 17px 0 0;}
	#everyone_box .timeline_box #spot .profile .box.box_3 .result_box h4 span{ font-size: 23px;padding: 0px 4px 0 0;}
	
	#everyone_box .timeline_box #spot .profile .box.box_4 .result_box ul.evacuation li p{ font-size: 12px;}
	
	#everyone_box .timeline_box #spot .profile .box.box_5 .result_box{ padding: 10px 0 0; width: 100%;}
	
	#everyone_box .timeline_box #spot .profile .box.box_6 .result_box{padding: 0px}
	#everyone_box .timeline_box #spot .profile .box.box_6 .result_box .text_area{padding: 10px 15px 0;}
	
	#everyone_box .timeline_box #spot .profile .box .result_box ul.vigilance li img{width: 100%; height: auto;}
	#everyone_box .timeline_box #spot .profile .box .result_box ul.evacuation li{ width: 100%; padding: 0 0 6px;flex-direction: inherit;}
	#everyone_box .timeline_box #spot .profile .box .result_box ul.evacuation li:last-child){ padding: 0;}
	
	#everyone_box .aggregate_btn{padding: 38px 0 0;}
	#everyone_box .aggregate_btn .scroll_box{ overflow-x: scroll;}
	#everyone_box .aggregate_btn .scroll_box .my_timeline_tt{ font-size: 12px; line-height: 180%;}
	#everyone_box .aggregate_btn .my_timeline_tt p.tt{font-size: 14px;}
	#everyone_box .aggregate_btn .my_timeline_tt p.tt span{font-size: 12px;}
	#everyone_box .aggregate_btn .my_timeline_tt p.tt img {padding: 0 13px 0 0; width: 16px; height: auto;}
    #everyone_box .aggregate_btn .my_timeline_tt img {padding: 0 2px 0 0; width: 11px; height: auto;}
	#everyone_box .aggregate_btn .my_timeline_tt .blur_tt{font-size: 12px;}
	
	#everyone_box .js-infinite-target{padding: 20px 0 0;}
	/*----------------------#service--------------------------*/
	#service { padding: 65px 0 44px;}
	#service header{width: 100%; text-align: center;}
	#service header h1{font-size: 20px; text-align: center; width: 100%;}
	#service #spot{margin: 35px 25px 0; padding: 35px 0 73px; width: auto;}
	#service #spot ul{max-width: 100% ; margin: 0 auto; padding: 0 25px;}
	#service #spot ul li:not(:first-child) {padding: 42px 0 0;}
	#service #spot ul li p{font-size: 13px; text-indent: -23px; padding-left: 23px;}
	#service #spot .btn{width: 80%; margin: 40px auto 0; font-size: 20px; padding: 19px 0;}
	
	
	/*----------------------#mytimeline_stop--------------------------*/
	#mytimeline_stop  header {padding:0;}
	#mytimeline_stop{ padding: 34px 25px 112px; margin: 0 25px; width: auto;}
	#mytimeline_stop  #spot.timeline_box .modal_box { padding: 0; }
	#mytimeline_stop h1{font-size: 25px; width: 100%}
	#mytimeline_stop form{width: 100%; margin: 30px auto 0;}
	#mytimeline_stop form table{width: 100%; height: auto;}
	#mytimeline_stop form tr:not(:first-child) input{margin: 20px auto 0;}
	#mytimeline_stop form tr input{height: 42px; line-height: 42px; padding: 0 15px; font-size: 14px; }
	#mytimeline_stop form tr textarea{width: 100%; height: 200px; padding: 10px 15px; margin: 20px auto 0; font-size: 13px;}
	#mytimeline_stop form .btns{width: 49%; height: auto; margin: 41px auto 0; }
	#mytimeline_stop form .btns button{font-size: 13px; padding: 15px 0 17px;}
	
	
	/*---共通---*/
	#mytimeline_stop #spot { margin:0;}
	#mytimeline_stop h2{font-size: 22px;padding: 15px 0 0;}
	#mytimeline_stop p.caution{font-size: 14px; padding: 10px 0 0;}
	#mytimeline_stop .back_btn a{width: 100%; padding: 14px 0 16px; font-size: 14px;}
	#mytimeline_stop .submit_btn,
	#mytimeline_stop .top_btn,
	#mytimeline_stop .back_btn{width: 49%;}
	#mytimeline_stop .submit_btn {margin:0 0 0 2%;}
	#mytimeline_stop .submit_btn input{ font-size: 14px; padding: 15px 0 17px; width: 100%;}
	#mytimeline_stop .top_btn a{ width: 100%; padding: 14px 0 16px; font-size: 14px; margin: 41px auto 0;}
	/*---error---*/
	#mytimeline_stop #error .alert span{font-size: 13px; }
	#mytimeline_stop #error .alert{padding: 30px 0 0;}
	#mytimeline_stop #error .alert span:not(:first-child){padding: 10px 0 0;}
	#mytimeline_stop #error .back_btn a{margin: 0px auto;}
	#mytimeline_stop #error .back_btn {margin: 41px auto 0;}
	
	
	/*---#confirm---*/
	#mytimeline_stop #confirm form table{margin: 25px 0 0px;}
	#mytimeline_stop #confirm form table th{width: 90%; padding: 18px 12px; font-size: 13px; display: block; border: 0px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;margin: 0 auto;}
	#mytimeline_stop #confirm form table td{ width: 90%; padding: 18px 12px; font-size: 13px; display: block; border: 0px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;margin: 0 auto;}
	#mytimeline_stop #confirm form table tr:last-child td{border-bottom: 1px solid #cccccc;}
	#mytimeline_stop #confirm form table{width: 100%;}
	
	/*---#thanks---*/
	#mytimeline_stop #thanks .text_box{margin: 0 auto; width: 100%; height: auto; padding: 30px 0 0;}
	#mytimeline_stop #thanks .text_box small{font-size: 11px;}
	#mytimeline_stop #thanks .top_btn a{margin: 41px auto 0;}
	#mytimeline_stop #thanks .top_btn {margin: 0 auto;}
	
	
	/*---#aggregated---*/
	#aggregated .ques_he { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
	#aggregated .ques_he h1 { padding: 0 0 10px;}
	#aggregated{padding: 20px 0 87px}
	#aggregated #spot{padding:10px 0px 67px}
	#aggregated #spot h2{width:100%; height: auto;}
	#aggregated #spot h2 img{width: 70%; height: auto;padding: 0 5% 0 0;}
	#aggregated #spot .animal_box{padding: 30px 0 0;}
	#aggregated #spot .flex{ display: flex; flex-direction: column; justify-content: flex-start;}
	#aggregated #spot .box{background: #fff; border-radius: 15px; box-shadow: 7px 7px 0 0 rgba(0,0,0,0.1); width: 100%; margin: 0 0 20px;}
	#aggregated #spot .box:last-child{margin: 0px;}
	#aggregated #spot .box .flex{padding: 13px 20px 10px; flex-direction: row; justify-content: center;}
	#aggregated #spot .box .flex .animal {width: 105px; height: auto;text-align: center;}
	#aggregated #spot .box .flex .animal p{font-size: 11px; padding: 2px 0 0;}
	#aggregated #spot .box .flex .animal p span{font-size: 14px;  }
	
	#aggregated #spot .box .flex p.number{font-size: 20px; padding: 0 0 5px 30px; }
	#aggregated #spot .box .flex p.number span.data{font-size: 45px;}
}