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


/* 共通 */
html,body { margin: 0; padding: 0; width: 100%; font-family:'メイリオ',"Meiryo","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",sans-serif; }
header,footer,div,article,section,p,span,a,ul,ol,li,dl,dt,dd { margin:0; padding:0; list-style-type:none; box-sizing:border-box; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; line-height:130%; box-sizing:border-box; }
table,tr,td { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; }
th { margin: 0; padding: 0; font-weight: normal; text-align: left; box-sizing: border-box; }
img { margin:0; padding:0; max-width: 140%; vertical-align:bottom; border:none; }
a { color: #000; text-decoration: none; }
a:hover { color: #ff3000; text-decoration: none; transition:all .5s; }
.alpha:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; transition:all .5s; }

.button-simple { position: relative; display: inline-block; }
a:hover .button-simple { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";; animation-play-state: paused; top: 3px; }
.yureru-s { animation: yureru-s 2s infinite; }
@keyframes yureru-s {
    0% { transform: translate(2px, 0px); }
    5% { transform: translate(-2px, 0px); }
    10% { transform: translate(2px, 0px); }
    15% { transform: translate(-2px, 0px); }
    20% { transform: translate(2px, 0px); }
    25% { transform: translate(-2px, 0px); }
    30% { transform: translate(0px, 0px); }
}

.bound-img-wrap img{ transform: scale(1); }
.bound-img-wrap img:hover{ -webkit-animation: bound 1s ease-in; -moz-animation: bound 1s ease-in; animation: bound 1s ease-in; }
@keyframes bound {
  from { transform: scale(1); }
  25% { transform: scale(1.15); }
  50% { transform: scale(0.95); }
  75% { transform: scale(1.05); }
  to { transform: scale(1); }
}

@keyframes open-keyanime2{ 
  0% { margin-left:150px; opacity:0; } 
  100% { margin-left:0px; opacity:1; }
}
.scroll-animation.active {
  animation-name: open-keyanime2 ; 
  animation-duration: 3s; 
  animation-fill-mode: both; 
  animation-iteration-count: 1;
}





@media screen and (min-width: 861px) {
html,body { font-size: 18px; }
.sp { display: none; }
.com_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 990px; }

#posting .sec_01 img { width: 100%; }

#posting .sec_02 { padding: 30px 0; background: #bb272d; }
#posting .sec_02 .pc { padding: 30px; background: url(../images/posting_04_bk.png) no-repeat; background-position: right 6px bottom; background-color: #fff; width: }
	
#posting .sec_02 .pc {
	padding: 30px;
	background: url(../images/posting_04_bk.png) no-repeat;
	background-position: right 6px bottom;
	background-color: #fff;
	height: 260px;
	width: auto;
}
#posting .sec_02 h2 { font-size: 20px; font-weight: normal; }
#posting .sec_02 p { margin: 0 0 10px 0; color: #bb272d; font-size: 21px; font-weight: bold; }
#posting .sec_02 dl { display: flex; margin: 20px 0 0 0; }
 /*#posting .sec_02 dt { width: 35%; }*/
#posting .sec_02 dt img { display: block; margin: 0 0 10px 0; }
#posting .sec_02 dd { margin: 0 0 0 5%; }

#posting .sec_03 .box { padding: 50px 0 60px 0; text-align: center; background: #eaf0f0; }
#posting .sec_03 p { margin: -40px 0 0 0; text-align: center; position: relative; z-index: 1; }

	
	
#posting .sec_04 {
	margin-top: 30px;
	/* background: url(../images/posting_07.png) no-repeat bottom center; */
	/* background-size: cover; */
	height: 164px;
	background-color: #eaf0f0;
}
	
#posting .sec_04 p { padding: 620px 0 80px 0; }
	
#posting .sec_04 h2 {
	text-align: center;
	background: url(../images/posting_45.png) repeat-x top left;
	background-size: contain;
}


#posting .sec_05 {
	padding: 40px 0;
	background: #eaf0f0;
	text-align: center;
	/* max-width: 999px; */
}
.sec_05 .pc {
	max-width: 999px;
}
	
#posting .sec_05 h2 { margin: 0 0 45px 0; font-size: 40px; text-align: center; }
#posting .sec_05 h2 span { background: #ffff00; }
#posting .sec_05 ul { display: flex; justify-content: space-between; align-items: flex-start; }
#posting .sec_05 ul > li { padding: 20px; width: 48%; min-height: 280px; background: #fff; }
#posting .sec_05 ul > li:nth-child(2) { margin: 45px 0 0 0; }
#posting .sec_05 h3 { display: flex; align-items: center; }
#posting .sec_05 h3 span { padding: 0 0 0 15px; color: #b82c29; font-size: 37px; line-height: 110%; }
#posting .sec_05 dl {
	display: flex;
	align-items: center;
	margin: 20px 0 0 80px;
	width: 62%;
	/* text-align: center; */
}
#posting .sec_05 dt { padding: 0 10px 0 0; width: 130px; text-align: center; }
#posting .sec_05 dd { flex: 1; }
#posting .sec_05 ol > li { margin: 0 0 0 1em; list-style-type: disc; }

#posting .sec_06 { margin-top: 70px; margin-bottom: 80px; }

	
	
#posting .sec_06 h2 {
	font-size: 40px;
	text-align: center;
	text-decoration-color: #b81c22;
	text-decoration-line: underline;
	text-underline-position: under;
	text-underline-offset: 0.2em;
}
	
#posting .sec_06 p { margin: 30px 0 0 0; text-align: center; }

#posting .sec_06 p span {
	display: inline-block;
	text-align: center;
	font-weight: bold;
}
	
#posting .sec_06 h3 { margin: 50px 0 0 0; font-size: 30px; text-align: center; }
#posting .sec_06 dl { display: flex; justify-content: space-between; margin: 25px 0 0 0; }
#posting .sec_06 dt { padding: 0 5px; }
#posting .sec_06 dd { padding: 0 5px; border-left: solid 1px #adadad; }
#posting .sec_06 h4 { margin: 90px 0 0 0; font-size: 40px; text-align: center; }
#posting .sec_06 ul { display: flex; justify-content: space-between; margin: 30px 0 0 0; }
#posting .sec_06 li { width: 49%; text-align: center; }
#posting .sec_06 video { width: 100%; height: auto; }


	
#posting .sec_07 {
	/* padding: 30px 0 0px 0; */
	background: #eaf0f0;
	padding-top: 30px;
	padding-bottom: 30px;
}	
	
	
#posting .sec_07 h2 { text-align: center; background: url(../images/posting_44.png) repeat-x top left; background-size: contain; }
#posting .sec_07 h4 { font-size: 40px; text-align: center; }
#posting .sec_07 .box_01 { margin-top: 40px; background: #fff; box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3); }
#posting .sec_07 .pad_area { padding: 0 25px 60px 25px; }
#posting .sec_07 .point_bnr { margin: 20px 0; padding: 10px; width: 200px; color: #fff; font-size: 30px; text-align: center; line-height: 100%; background: #bb272d; }
#posting .sec_07 .red { color: #bb272d; }
#posting .sec_07 .small { font-size: 18px; }
#posting .sec_07 .box_01 .cell_01 { display: flex; flex-direction: row-reverse; margin: 15px 0 0 0; padding: 25px 0 0 0; border-top: solid 1px #adadad; }
#posting .sec_07 .box_01 .cell_01 dt { width: 380px; text-align: right; }
#posting .sec_07 .box_01 .cell_02 { margin: 30px 0 0 0; display: flex; align-items: center; }
#posting .sec_07 .box_01 dt { width: 380px; }
#posting .sec_07 .box_01 dd { flex: 1; font-size: 24px; }
#posting .sec_07 .box_02 { padding: 25px; background: #fff; box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3); margin-top: 30px;}
#posting .sec_07 .box_02 h3 { text-align: center; }
#posting .sec_07 .box_02 h4 { margin: 15px 0 0 0; }
#posting .sec_07 .box_02 p { margin: 15px 0; text-align: center; }
#posting .sec_07 .box_02 table { table-layout: fixed; width: 100%; font-size: 16px; }
#posting .sec_07 .box_02 th { padding: 20px; font-weight: bold; text-align: center; white-space: nowrap; border: solid 1px #000; background: #adce36; }
#posting .sec_07 .box_02 td { padding: 20px; border: solid 1px #000; }
#posting .sec_07 ol > li { margin: 0 0 0 1em; list-style-type: disc; }
#posting .sec_07 ul { display: flex; justify-content: space-between; flex-direction: row-reverse; margin: 15px 0 0 0; padding: 20px 0 0 0; border-top: solid 1px #adadad; }
#posting .sec_07 ul > li:first-child { width: 380px; text-align: right; }
#posting .sec_07 ul > li:last-child { flex: 1; }
#posting .sec_07 h5 { margin: 40px 0 30px 0; color: #b82c29; font-size: 34px; }
#posting .sec_07 .list_check span { display: block; margin: 15px 0 0 0; padding: 0 0 0 35px; font-size: 20px; font-weight: bold; background: url(../images/posting_25.png) no-repeat top left; }
	
	


#posting .sec_08 { padding: 80px 0; background: url(../images/posting_27.png); }
#posting .sec_08 h2 { padding: 15px; font-size: 40px; text-align: center; background: #f2ad58; }
#posting .sec_08 h3 { font-size: 20px; }
#posting .sec_08 .spacer { padding-left: 10px; padding-right: 10px; }
#posting .sec_08 dl { display: flex; align-items: center; margin: 25px 0 0 0; padding: 30px; background: #fff; }
#posting .sec_08 dt { width: 230px; text-align: center; }
#posting .sec_08 dd { flex: 1; }
#posting .sec_08 ul { display: flex; justify-content: space-between; margin: 10px 0 0 0; border-top: solid 1px #adadad; /*font-weight: bold;*/}
#posting .sec_08 ul > li { width: 49%; }
#posting .sec_08 ol { display: flex; align-items: flex-start; padding-top: 10px; }
#posting .sec_08 ol > li:first-child { width: 75px; text-align: center; background: #f2ad58; }
#posting .sec_08 ol > li:last-child { padding: 0 0 0 10px; /*font-weight: bold;*/}
#posting .sec_08 p { margin: 10px 0 0 0; padding-top: 10px; border-top: solid 1px #adadad; /*font-weight: bold;*/}
	

#posting .sec_08 .text { margin: 10px 0 0 0; padding: 0 10px; }

#posting .sec_09 { padding: 50px 0; background: url(../images/posting_31.jpg) no-repeat center center; background-size: cover; }
#posting .sec_09 .box { padding: 60px 30px; background-color: rgba(234,240,240,0.9); }
#posting .sec_09 h2 { font-size: 40px; text-align: center; }
#posting .sec_09 h2 span { color: #488ef9; }
#posting .sec_09 p {
	margin: 30px 0;
	text-align: center;
	/*font-weight: bold;*/
}
#posting .sec_09 li { margin: 15px 0 0 0; padding: 0 0 0 35px; background: url(../images/posting_25.png) no-repeat top left; }

#posting .sec_10 { padding: 30px 0 15px 0; font-size: 14px; }
#posting .sec_10 h3 { text-align: center; }
#posting .sec_10 ul { display: flex; flex-wrap: wrap; margin: 30px 0 0 0; }
#posting .sec_10 li { margin: 0 10px 0 0; padding: 0 0 0 10px; border-left: solid 1px #000; }
#posting .sec_10 li:first-child { padding: 0; border: none; }
#posting .sec_10 p { margin: 10px 0 0 0; }
}
@media screen and (max-width: 860px) {
html,body { font-size: 16px; }
.pc { display: none; }
.com_wid { margin-left: auto; margin-right: auto; width: 90%; }

#posting .sec_01 img { width: 100%; }

#posting .sec_02 { padding: 15px 0; background: #bb272d; }
#posting .sec_02 .box_01 { display: flex; justify-content: space-between; align-items: flex-end; }
#posting .sec_02 .box_01 dt { margin: 0 0 20px 0; width: 99%; color: #fff; font-size: 20px; }
#posting .sec_02 .box_01 dd { width: 30%; text-align: right; }
#posting .sec_02 .box_02 { padding: 15px; background: #fff; }
#posting .sec_02 .box_02 ul { display: flex; justify-content: center; }
#posting .sec_02 .box_02 li { padding: 0 12px; }
#posting .sec_02 .box_02 p { margin: 15px 0 0 0; font-size: 12px; font-weight: bold; text-align: center; }

#posting .sec_03 .box { padding: 25px 0 30px 0; text-align: center; background: #eaf0f0; }
#posting .sec_03 p { margin: -20px 0 0 0; text-align: center; position: relative; z-index: 1; }
#posting .sec_03 p img { width: 120px; }

#posting .sec_04 { margin-top: 30px; text-align: center; }
#posting .sec_04 p { margin: 20px 0 0 0; text-align: left; }

#posting .sec_05 {
	margin: 0px 0 0 0;
	/* padding: 40px 0; */
	background: #eaf0f0;
}
#posting .sec_05 h2 { margin: 0 0 45px 0; font-size: 22px; text-align: center; }
#posting .sec_05 h2 span { background: #ffff00; }
#posting .sec_05 ul > li { margin: 20px 0 0 0; padding: 20px; background: #fff; }
#posting .sec_05 h3 { display: flex; align-items: center; }
#posting .sec_05 h3 img { height: 30px; }
#posting .sec_05 h3 span { padding: 0 0 0 15px; color: #b82c29; font-size: 22px; line-height: 110%; }
#posting .sec_05 dl { display: flex; align-items: center; margin: 20px 0 0 0; }
#posting .sec_05 dt { padding: 0 10px 0 0; width: 130px; text-align: center; }
#posting .sec_05 dd { flex: 1; }
#posting .sec_05 ol > li { margin: 0 0 0 1em; list-style-type: disc; }

#posting .sec_06 { margin-top: 50px; margin-bottom: 80px; }
#posting .sec_06 h2 { font-size: 22px; text-align: center; }
#posting .sec_06 h2 span { display: inline-block; text-align: left; }
#posting .sec_06 p { margin: 30px 0 0 0; }
#posting .sec_06 h3 { margin: 50px 0 0 0; font-size: 22px; text-align: center; }
#posting .sec_06 dt { margin: 30px 0 0 0; text-align: center; }
#posting .sec_06 dd { margin: 20px 0 0 0; text-align: center; }
#posting .sec_06 h4 { margin: 90px 0 0 0; font-size: 22px; text-align: center; }
#posting .sec_06 ul { margin: 40px 0 0 0; }
#posting .sec_06 li { margin: 20px 0 0 0; text-align: center; }
#posting .sec_06 video { width: 100%; height: auto; }

#posting .sec_07 { padding: 20px 0 40px 0; background: #eaf0f0; }
#posting .sec_07 h2 { text-align: center; background: url(../images/posting_45.png) repeat-x top left; background-size: contain; }
#posting .sec_07 h4 { font-size: 24px; text-align: center; }
#posting .sec_07 .box_01 { margin-top: 20px; background: #fff; box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3); }
#posting .sec_07 .pad_area { padding: 0 5% 50px 5%; }
#posting .sec_07 .point_bnr { margin: 20px 0; padding: 10px; width: 160px; color: #fff; font-size: 22px; text-align: center; line-height: 100%; background: #bb272d; }
#posting .sec_07 .red { color: #bb272d; }
#posting .sec_07 .small { font-size: 16px; }
#posting .sec_07 .box_01 .cell_01 { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: solid 1px #adadad; }
#posting .sec_07 .box_01 .cell_02 { margin: 30px 0 0 0; }
#posting .sec_07 .box_01 dt { text-align: center; }
#posting .sec_07 .box_01 dt p { text-align: left; }
#posting .sec_07 .box_01 dd { margin: 25px 0 0 0; font-size: 24px; }
#posting .sec_07 .box_02 { margin-top: 40px; padding: 25px; background: #fff; box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3); }
#posting .sec_07 .box_02 h3 { text-align: center; }
#posting .sec_07 .box_02 h3 img { max-height: 30px; }
#posting .sec_07 .box_02 h4 { margin: 15px 0 0 0; }
#posting .sec_07 .box_02 p { margin: 15px 0; }
#posting .sec_07 .box_02 table { table-layout: fixed; width: 990px; font-size: 16px; }
#posting .sec_07 .box_02 th { padding: 10px; font-weight: bold; text-align: center; white-space: nowrap; border: solid 1px #000; background: #a8ce94; }
#posting .sec_07 .box_02 td { padding: 10px; border: solid 1px #000; }
#posting .sec_07 ol > li { margin: 0 0 0 1em; list-style-type: disc; }
#posting .sec_07 ul { margin: 15px 0 0 0; padding: 20px 0 0 0; border-top: solid 1px #adadad; }
#posting .sec_07 ul > li:first-child { text-align: center; }
#posting .sec_07 ul > li:last-child { flex: 1; }
#posting .sec_07 .text { margin: 0 0 20px 0; text-align: left; }
#posting .sec_07 h5 { margin: 30px 0 20px 0; color: #b82c29; font-size: 22px; text-align: center; }
#posting .sec_07 .list_check span { display: block; margin: 15px 0 0 0; padding: 0 0 0 35px; font-size: 18px; font-weight: bold; background: url(../images/posting_25.png) no-repeat top left; }

#posting .sec_08 { padding: 30px 0; background: url(../images/posting_27.png); }
#posting .sec_08 h2 { padding: 10px; font-size: 22px; text-align: center; background: #f2ad58; }
#posting .sec_08 h3 { font-size: 20px; }
#posting .sec_08 dl { margin: 20px 0 0 0; padding: 15px; background: #fff; }
#posting .sec_08 dt { display: flex; align-items: center; }
#posting .sec_08 dt img { padding: 0 20px 0 0; width: 80px; }
#posting .sec_08 dt h3 { flex: 1; font-size: 20px; }
#posting .sec_08 dd { flex: 1; }
#posting .sec_08 ul { display: flex; justify-content: space-between; margin: 10px 0 0 0; border-top: solid 1px #adadad; }
#posting .sec_08 ul > li { width: 49%; }
#posting .sec_08 ol { display: flex; align-items: flex-start; padding-top: 10px; }
#posting .sec_08 ol > li:first-child { width: 75px; text-align: center; background: #f2ad58; }
#posting .sec_08 ol > li:last-child { flex: 1; padding: 0 0 0 10px; }
#posting .sec_08 p { margin: 10px 0 0 0; padding-top: 10px; border-top: solid 1px #adadad; }
#posting .sec_08 .text { margin: 10px 0 0 0; padding: 0 10px; }

#posting .sec_09 { padding: 30px 0; background: url(../images/posting_31.jpg) no-repeat center center; background-size: cover; }
#posting .sec_09 .box { padding: 60px 30px; background-color: rgba(234,240,240,0.9); }
#posting .sec_09 h2 { font-size: 22px; text-align: center; }
#posting .sec_09 h2 span { color: #488ef9; }
#posting .sec_09 p { margin: 30px 0; }
#posting .sec_09 li { margin: 15px 0 0 0; padding: 0 0 0 35px; background: url(../images/posting_25.png) no-repeat top left; }

#posting .sec_10 { padding: 30px 0 15px 0; font-size: 12px; }
#posting .sec_10 h3 { text-align: center; }
#posting .sec_10 ul { display: flex; flex-wrap: wrap; margin: 30px 0 0 0; }
#posting .sec_10 li { margin: 0 5px 0 0; padding: 0 0 0 5px; border-left: solid 1px #000; }
#posting .sec_10 li:first-child { padding: 0; border: none; }
#posting .sec_10 p { margin: 10px 0 0 0; }
}


.towrow1 {
	margin-left: 34px;
	width: 34%;
}

.towrow2 {
	position: relative;
	left: 492px;
	width: 30%;
	top: -179px;
}
.towrow {
	position: relative;
	top: -173px;
	right: -489px;
	width: 30%;
}

.example1 {
	text-align: center;
	padding: 16px;
	/*margin-bottom: 30px;*/
}
.example2{
    /*親に指定している*/text-align: center;

    padding: 5px;
}
.example3 {
	text-align: center;
	padding: 5px;
	width: 71.5%;
	margin-top: 30px;
}

.com_wid_sec_05 {
text-align: center;
	
}

.sec_09 ul {
	/* padding-left: 123px; */
	/*font-weight: bold;*/
	width: 74%;
	margin: auto;
}
.example1 .pc {
	padding: 16px;
	margin-bottom: 30px;
	max-width: 707px;
}
.example2 .pc {
	/* text-align: center; */
	padding: 5px;
	max-width: 990px;
	/* margin-right: auto; */
	/* margin-left: auto; */
	/* text-align: center; */
}
.subtext {
	margin-top: 30px;
}
.sec_04 .sp {
	width: 100%;
}