@charset "utf-8";
/* CSS Document */
::selection {
	background: #ffdbc1;
}
p.pageImageBack {
	background: #E96C0E;
}
.side {
	background: rgba(255,255,255,0.8);
}
.punch {
}
/*-- section --*/
/*--  --*/
section {
	margin-top: 30px;
}
section.punch.top {
	margin-top: 0;
}
section.link {
	margin-bottom: 30px;
}
/*--
section:first-child {
	margin-top: 0;
}
--*/
.comment div{
	margin: 0 0 20px 0;
}
.comment div.text{
	margin: 20px 20px 0 0;
}
@media(min-width: 980px) {
	.comment div.text.punch_index{
		margin: 20px 20px 0 0;
	}
}
@media(max-width: 979px) {
	.comment div.text.punch_index{
		margin: 20px 0 0 0;
	}
}
div.text p{
	margin-bottom: 10px;
}
span.red{
	color: #FF0000;
}
span.small {
	font-size: 14px;
}
div.images{
	margin: 0;
}
.comment p{
	line-height: 1.5;
	font-size: 16px;
	display: block;
	margin: 0 0 15px 0;
}
.punch h3,
h3.punch_movie{
	font-style: normal;
	font-size: 24px;
	margin: 0 0 15px 0;
	border-bottom: 2px solid #E96C0E;
	line-height: 1.4;
}
h3.punch_movie {
	margin-top: 40px;
	margin-bottom: 5px;
}
.punch h3.section_title{
	font-style: normal;
	font-size: 26px;
	margin: 30px 0 20px 0;
	border-bottom: initial;
	line-height: 1.4;
	color: #E96C0E;
	position: relative;
	padding: 0.6em;
	background: #ffe9d6;
	border: 1px solid #ffe9d6;
	border-radius: 5px;
}
.punch h3.section_title::after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #ffe9d6;
	width: 0;
	height: 0;
}
.punch h3.small {
	font-size: 20px;
	line-height: 1.4;
}
.punch h3.small2 {
	font-size: 22px;
	margin: 10px 0 10px 0;
	border: none;
}
.punch h3.opacity {
	opacity: 0.8;
}
.punch h3.orange {
	color: #E96C0E;
}
.punch h3.border_none {
	border: none;
}
.punch h4 {
	margin: -5px 0 5px 0;
	padding: 0 0 0 18px;
	background: url(../images/common/btn1.jpg) no-repeat;
	background-position: 0 10px;
	text-decoration: none;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.4;
}
.punch h4:first-child {
	margin-top: 5px;
}
.punch h4 p{
	margin-bottom: 10px;
}
.punch_list h4{
	font-size: 16px;
}
.comment h4{
	margin: 0 0 15px 10px;
}
@media (max-width: 767px) {
	.punch h4 {
		margin: 0 0 5px 0;
		padding: 0 0 0 18px;
		background-position: 0 8px;
		line-height: 1.6;
		font-size: 16px;
	}
}
.punch h4 a{
	padding-bottom: 2px;
	border-bottom: 1px solid #E96C0E;
	color: #E96C0E;
}
_:lang(x)::-ms-backdrop, .punch h4 a{
	padding-bottom: 0;
}
.punch h4 a:hover{
	border-bottom: 1px solid #00125B;
	color: #00125B;
}
.punch div.box{
	margin-right: 5px;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #E96C0E;
}
.punch div.box_mb0{
	margin-right: 5px;
	padding: 5px;
	border: 1px solid #E96C0E;
}
.punch div.box h4{
	margin: 0 0 0 25px;
	font-style: normal;
	font-size: 20px;
	color: #E96C0E;
	line-height: 1.2;
}
.punch div.box2 {
	margin-left: 10px;
}
.punch div.box2 h4 {
	margin-bottom: 20px;
}
.punch div.box2.small h4{
	font-size: 16px;
	line-height: 1.6;
}

.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #000;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	position: relative;
	display: block;
	cursor: pointer;
	text-align: left;
	font-size: 16px;
	padding: 8px 16px 8px 16px;
	margin: 0 0 10px 0;
	border-radius: 4px;
	border: 1px solid #343434;
	background: linear-gradient(#FFFFFF, #d3d3d3);
	width: 100%;
}
.cp_actab label p{
	padding-left: 20px;
}
.cp_actab-content {
	padding: 0 0 0 15px;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	margin: 10px 10px 10px 5px;
}
.cp_actab .cp_actab-content p {
	margin: 0 10px 0 15px;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 200em;
	/*--max-height: 100em;--*/
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: -4px;
	left: 0;
	display: block;
	width: 3em;
	height: 3em;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	font-weight: 900;
	font-style: normal;
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after{
	font-weight: 900;
	font-style: normal;
	content: '-';
}
/*
.cp_actab input[type=checkbox]:checked + label::after{
	transform: rotate(45deg);
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
*/
.cp_actab input[type=checkbox]:checked + label{
	color: #FFF;
	background: #1b2538; 
}
.cp_actab label:hover{
	color: #FFF;
	background: #1b2538; 
}
.link div.link {
	display: flex;
}
.link div.link img{
	width: 100%;
	max-width: 326px;
}
.link div p img{
	border: 1px solid #1770ba;
	border-radius: 3px;
	box-shadow: 0 5px 4px -4px #B2B2B2;
}
.link div p img.orange{
	border: 1px solid #E96C0E;
}
.link div p:first-child{
	margin: 26px 15px 0 0;
}
.link div a:hover img{
	opacity: 0.8;
}
@media (max-width: 767px) {
	.link div.link {
		display: block;
		margin-bottom: 15px;
	}
	.link div p:first-child{
		margin: 15px 0;
	}
}
/*-- side --*/
.side {
	height: 500px;
	width: 245px;
}
@media (max-width: 979px) {
	.main {
		-webkit-flex: 1;
		flex: 1;
	}
	.side {
		margin-right: 15px;
		width: 245px;
	}
}
.flex {
	display: flex;
	margin: 0 0 15px 0;
	padding-bottom: 15px;
}
.flex:last-child {
	border-bottom: none;
}
@media (max-width: 767px) {
	.flex {
		display: block;
	}
	div.images img{
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	div.images img.left{
		margin: 0;
	}
}
.flex_valign_middle { /*-- 中揃え --*/
	align-items: center;
}

.allflex {
	display: flex;
	margin: 0 0 0 0;
}
.punch p.accent {
	background: #E96C0E;
	color: #FFF;
	font-size: 14px;
	padding: 5px;
	border-radius: 3px;
	display: inline-block;
}
.acc_b_white_black {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	border: 1px solid #000000;	
	border-radius: 3px;
	display: inline-block;
}
.punch p.accent.red{
	background: #FF0000;
}
.punch p.accent.green{
	background: #439941;
}
.punch p.accent.pink{
	background: #cc4d4d;
}
.punch p.accent2 {
	background: #FFF;
	color: #343434;
	font-size: 14px;
	padding: 5px;
	border-radius: 3px;
	display: inline-block;
	border: 1px solid  #E96C0E;
}
.punch p.accent3 {
	font-size: 24px;
	font-weight: 800;
	line-height: 1.6;
}
.punch p.accent4 {
	margin: 0 auto 15px auto;	
	color: #000000;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #000;
	border-radius: 3px;
	text-align: center;
	display: block;
}
.punch p.accent4.bg_orange {
	background: #ffdbc1;
}
.punch p.accent4.bg_blue {
	background: #cceaff;
}
.punch p.orange {
	color: #E96C0E;
}
.punch p.siA {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
}
.punch p.siB {
	font-size: 22px;
}
.punch p.small {
	font-size: 14px;
}
.punch p.opacity {
	opacity: 0.8;
}
.punch p.gray {
	color: #343434;
}
.punch p.le20 {
	margin-left: 20px;
}
.punch div.box3{
	margin: 0 5px 10px 0;
	padding: 15px;
	border: 1px solid #E96C0E;
}
.punch div.box3.orange{
	background: #ffeacc;
}
.punch div.box3 h4{
	margin: 0 0 10px 0;
	padding-left: 28px;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.6;
	display: block;
	color: #E96C0E;
	background: url("../images/common/accent1.jpg") no-repeat;
	background-position: 0 5px;
}
.punch div.box3 h4.simple{
	padding-left: 2px;
	border-bottom: 1px solid #E96C0E;
	background: none;
}

.punch div.box3 p{
	margin: 0 5px 10px 28px;
}
.punch div.box3 p.title{
	margin: 15px 5px 10px 0;
	border-bottom: 1px solid #343434;
}
.inpage {
	margin: 0 0 15px 0;
}
.inpage h3 {
	margin-top: 5px;
	padding-bottom: 5px;
}
@media (min-width: 767px) {
	.inpage h3 {
		font-size: 28px;
	}
}
.inpage h3.text_accent {
	font-size: 24px;
}
.inpage div.flex {
	justify-content: space-between;
	border-bottom: none;
}
.inpage div.flex div:nth-of-type(2n){
	margin-left: 15px;
}
.inpage div.flex div.box3:nth-of-type(2n){
	margin-left: 0;
}
@media (max-width: 767px){
	.inpage div.flex div:nth-of-type(2n){
		margin-left: 0;
	}
	.inpage div.allflex div:nth-of-type(2n){
		margin-left: 15px;
	}
}
.inpage div.flex.bottomnone {
	margin-bottom: -30px;
	padding-bottom: 0;
}
.inpage h4.title{
	margin: 30px 0 10px 0;
	padding: 2px 0 5px 10px;	
	font-size: 20px;
	font-weight: 800;
	line-height: 1.4;
	display: block;
	color: #343434;
	border-left: 5px solid #343434;
	border-bottom: 1px solid #343434;
	background: none;
}
.inpage h4.title.orange{
	color: #E96C0E;
	border-color: #E96C0E;
}
.inpage h4.title_simple {
	margin: 30px 0 15px 0;
	padding: 0;	
	font-size: 24px;
	font-weight: 800;
	line-height: 1.4;
	background: none;
}
.inpage h4.ma0{
	margin-top: 0;
}
.inpage h5 {
	margin: 20px 0 5px 0;
	padding: 0 0 2px 18px;
	background: url(../images/common/btn1.jpg) no-repeat;
	background-position: 0 6px;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.4;
	color: #E96C0E;
	border-bottom: 1px solid  #E96C0E;
}
.inpage h5.foA {
	margin-top: 10px;
	font-size: 18px;
}
h5.title_small{
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0 0 2px 0;	
	font-size: 16px;
	color: #343434;
	border-bottom: 1px solid #343434;
	background: none;
	display: block;
}
h5.title_small.red{
	border-color: #FF0000;
	color: #FF0000;
}
h5.title_small.font18,
.font18{
	font-size: 18px;
}
.box4 {
	margin: 0 20px 20px 20px;
}
.box4 p{
	margin-bottom: 10px;
}
/*-- table2 --*/
table {
	font-size: 14px;
}
table.border_around2{
	margin: 15px 0;
	border: 1px solid #000;
	table-layout: fixed;
	border-collapse:collapse;
}
table.border_around2.m0{
	margin-top: 0;
}
@media (max-width: 767px) {
	table.border_around2.m0{
		margin-top: 15px;
	}
}
table.border_around2 td.title{
	background: #E4D5CB;
	vertical-align: middle;
}
table.border_around2 td{
	padding: 10px;
	border-right: 1px solid #343434;
	text-align: center;
}
table.border_around2 td.bnone{
	border-right: none;
}
table.border_around2 td.left{
	text-align: left;
}
table.border_around2 td.red{
	background: #FF0000;
	color: #FFF;
}
table.border_around2 td span{
	color: #FF0000;
}
table.border_around2 td img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
table.border_around2 tr{
	border-bottom: 1px solid #343434;
}
table.border_around2 tr.bnone{
	border-bottom: none;
}
table.border_around2 tr:last-child td{
	border-bottom: none;
}
/**/
table.border_none{
	border: none;
}
table.border_none td{
	border-right: none;
}
table.border_none tr{
	border-bottom: none;
}


p.link {
	margin: 0 0 10px 0;
	padding: 0 0 0 18px;
	background: url(../images/common/btn1.jpg) no-repeat;
	background-position: 0 8px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
}
p.pdf::after{
	content:" ";
	width: 15px;
	height: 19px;
	display: inline-block;
	background: url(../images/common/pdf.png) no-repeat;
	margin-left: 3px;
	margin-bottom: -3px;
}
p.link a{
	padding-bottom: 2px;
	border-bottom: 1px solid #E96C0E;
	color: #E96C0E;
}
 p.link a:hover{
	border-bottom: 1px solid #00125B;
	color: #00125B;
}
.box5 {
	padding: 5px;
	border: 1px solid #B7B7B7;
}
.box5 img{
	margin-right: auto;
	margin-left: auto;
}
.box5 p{
	font-size: 12px;
}

/*-- balloon--*/
.balloon{
	position: relative;
	padding: 20px;
	display: inline-block;
	background: linear-gradient(#FFFFFF, #e0ecff);
	border-radius: 4px;
	border: 1px solid #343434;
	margin-bottom: 15px;
}
.balloon::before{
content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -15px;
  border-right: 15px solid transparent;
  border-top: 15px solid #343434;
  border-left: 15px solid transparent;
}
.balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -13px;
  border-right: 15px solid transparent;
  border-top: 15px solid #e0ecff;
  border-left: 15px solid transparent;
}
.balloontext {
	margin: 15px 0 0 20px;
}
.balloon.red{
	background: linear-gradient(#FFFFFF, #fcbeab);
}
.balloon.red::after{
	border-top: 15px solid #fcbeab;
}

/*-- パンくずリスト --*/
div.list {
	width: 100%;
}
.content_list {
	max-width: 980px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #ededed;
}
@media (max-width: 500px) {
	div.list,
	div.content_list{
		display: none;
	}
}

div.list::after{
	content:" ";
    clear: both;
	display: block;
}
div.list p{
	float:left;
	font-size: 14px;
	margin-right: 5px;
	margin-bottom: 10px;
	line-height: 1.6;
}
div.list a{
	color: #E96C0E;
}
div.list a::after{
	content:" ";
	width: 6px;
	height: 7px;
	display: inline-block;
	background: url(../images/common/ar_black.png) no-repeat;
	margin: 0 0 2px 5px;
}
div.list a:hover{
	opacity: 0.6;
}
div.list a:hover img{
	opacity: 0.6;
}
div.list img{
	float: left;
}

.top {
	margin-top: 15px;
}
.pdtop {
	padding-top: 15px;
}
.pdtop20 {
	padding-top: 20px;
}
.bottomA {
	margin-bottom: 15px;
}
.bottomB {
	margin-bottom: 10px;
}
.pdBottomB {
	padding-bottom: 15px;	
}
.rightA {
	margin-right: 15px;	
}
.rightB {
	margin-right: 10px;	
}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.text-left {
	text-align: left;
}
.maxwidth {
	width: 100%;
}
.arrow {
	margin: 60px 15px 0 15px;
}
@media (max-width: 767px) {
	.arrow {
		margin: 10px 0 15px 15px;
	}
}
.arrow_ce img{
	margin: 15px auto 15px auto;
	display: block;
}
div.accent {
	margin-top: 50px;
}
@media (max-width: 767px) {
	div.accent {
		margin-top: 10px;
	}
}
@media (min-width: 768px){
	div.pc{
		display: block;
	}
	div.mobile{
		display: none;
	}
}
@media (max-width: 767px){
	div.pc{
		display: none;
	}
	div.mobile{
		display: block;
	}
}
/*-----*/
@media (min-width: 768px){
	div.strong_images {
		width: 300px;
	}
}
@media (max-width: 767px) {
	div.strong_images {
		width: auto;
	}
}


.images img{
	width: 100%;
}
.images .center img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
a.pdf {
	color: #E96C0E;
	font-weight: 800;
}
a.pdf:hover {
	color: #00125B;
}
a.pdf::after{
	content:" ";
	width: 15px;
	height: 19px;
	display: inline-block;
	background: url(../images/common/pdf.png) no-repeat;
	margin-left: 3px;
	margin-bottom: -3px;
}
.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.pink {
	background: #ffcfcc;
}
.blue {
	background: #cceaff;
}
.yellow {
	background: #ffeacc;
}
.green {
	background: #d5efd8;
}
p.float img{
	float: left;
}
p.float img::after{
	clear: both;
}
ol {
    position: relative;
    margin: 0;
    padding: 0;
}
ol.orange{
	color: #E96C0E;
}
ol li{
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.25em;
}
ol li span{
    position: absolute;
    left: 0;
    margin: 0;
}
ol li.fo_red{
	color: #FF0000;
}
.fontb {
	font-weight: 800;
}
.arrow {
  display: inline-block;
  height: 40px;
  width: 80px;
  background-color: #FF0000;
  position: relative;
  top: 40px;
}
.arrow:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border:6 0px solid transparent;
  border-left: 60px solid #FF0000;
  left: 80px;
  top: -37px;
}
.arrow .green {
	background-color: #439941;
}
.arrow .green:before {
	border-left: #439941;
}

/*--  --*/
.ma_bottom0 {
	margin-bottom: 0!important;
}
.ma_top15 {
	margin-top: 15px!important;
}
.ma_top20 {
	margin-top: 20px!important;
}
.ma_top30 {
	margin-top: 30px!important;
}
.ma_top40 {
	margin-top: 40px!important;
}
.ma_right10 {
	margin-right: 10px!important;
}
.ma_bottom15 {
	margin-bottom: 15px!important;
}
.ma_left15 {
	margin-left: 15px!important;
}
.ma_right15 {
	margin-right: 15px!important;
}
.pa_bottom0 {
	padding-bottom: 0!important;
}

/*-- 線 --*/
.bor_bottom {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #C0C0C0;
	display: block;
	margin-left: 0!important;
	margin-right: 0!important;
}
.height15 {
	height: 15px;
}

/*-- BOX --*/
.border_box{
	border: 1px solid #343434;
	padding: 10px;
	display: block;
}
.border_box.pa20{
	padding: 20px;
}

/*薄くする*/
.opacity {
	opacity: 0.8;
}
.opacity_more {
	opacity: 0.6;
}

/*-- リンク装飾 --*/
a.accent {
	color: #E96C0E;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 1px solid #E96C0E;
}
a.accent:hover {
	color: #00125B;
	border-bottom: 1px solid #00125B;
}
.punch_box {
	width: 31%;
	border: 1px solid #0C1D49;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 2px 2px 4px -2px;
}
.punch_box:last-of-type {
	margin-right: 0;
}
@media (max-width: 768px) {
	.punch_box {
		width: 100%;
		max-width: 350px;
		margin-bottom: 15px;
		margin-left:  auto;
		margin-right: auto;
	}
	.punch_box:last-of-type {
		margin-right: auto;
	}
}
.img_radius {
	width: 100%;
	border-radius: 5px 5px 0 0;
}
.img_radius:hover {
	opacity: 0.5;
}
.punch_box_bottom {
	background: #0C1D49;
	margin: 0 0 0 0 !important;
	border-radius: 0px 0px 4px 4px;
	padding: 1em;
	color: #FFF;
	height: 100%;
}
.punch_box:hover{
	border-color: #E96C0E;
}
/*-- 親要素連動 --*/
.punch_box:hover .punch_box_bottom {
	background: #E96C0E;
	border-color: #E96C0E;
}
.punch_box:hover .img_radius {
	opacity: 0.5;
}
/*-- アニメーション時間 --*/
.punch_box,
.img_radius,
.punch_box_bottom {
	transition: 0.5s;
}
.punch .punch_box_bottom h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	background: none;
}
.punch_box_bottom p {
	font-size: 14px;
	font-weight: normal;
}
.item_box {
	width: 100%;
	border: 3px solid #E96C0E;
	border-radius: 5px;
	overflow: hidden;
	padding: 15px;
	background: #fdfcf7;
}
.item_box:last-of-type {
	margin-right: 0;
}
@media (max-width: 768px) {
	.item_box {
		width: 100%;
		max-width: 350px;
		margin-bottom: 15px;
		margin-left:  auto!important;
		margin-right: auto!important;
	}
	.item_box:last-of-type {
		margin-right: auto;
	}
}
.item_box h4 {
	font-size: 26px;
	font-weight: 900;
	background: none;
	color: #E96C0E;
	text-align: center;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 0;
}
.item_box h5 {
	font-size: 18px;
	font-weight: 900;
	background: none;
	color: #0C1D49;
	margin-left: 0;
	margin-bottom: 15px;
	border-left: 5px solid #0C1D49;
	border-bottom: 1px solid #0C1D49;
	padding-left: 8px;
}
/*-- 文章が短い場合（親要素）  --*/
.title_comment_box {
	margin: 0 auto;
	display: table;
	text-align: center;
}
.item_box .title_comment {
	height: 4em;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}
.item_box .title_comment.short {
	height: 2em;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}

.item_box .title_comment .comment {
	font-size: 18px;
	font-weight: 900;
	color: #333333;
	text-align: center;
}
.item_box img {
	margin-bottom: 20px;
}
.item_box p.center {
	text-align: center;
}
/*--
.inpage .flex .item_box .border {
	border-bottom: 3px solid #E96C0E;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	opacity: 0.3;
}
*/
.inpage .flex .item_box .border_ball {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0 0 20px 0;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #fdfcf7;
	border-bottom: solid 3px #E96C0E;
	box-sizing: border-box;
	text-align: center;
}
.inpage .flex .item_box .border_ball:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fdfcf7;
  z-index: 2;
}
.inpage .flex .item_box .border_ball:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #E96C0E;
  z-index: 1;
}


.item_box .border_around2 {
	width: 100%;
	border: none;
}
.item_box .border_around2 tr {
	border-left: none;
	border-bottom: none;
}
.item_box .border_around2 td {
	background:  #ffefc2;
	border-right: 3px solid #fdfcf7;
	border-bottom: 3px solid #fdfcf7;
}
.item_box table.border_around2 span.black {
	color: #343434;
	font-size: 16px;
} 
.item_box .border_around2 td.pink {
	background: #ffd7d1;
}
.item_box .border_around2 td.blue {
	background: #cdf3fa;
}
.item_box .border_around2 td.yellow {
	background: #fcd683;
}
.item_box .border_around2 td.right {
	text-align: right;
}

.punch .item_box a.btn {
	text-align: center;
	display: block;
	color: #FFFFFF;
	border: 1px solid #E96C0E;
	background: #E96C0E;
	border-radius: 5px;
	bottom: 15px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 10px 10px;
	transition: 0.5s;
}
.punch .item_box a.btn:hover {
	color: #FFFFFF;
	border: 1px solid #0C1D49;
	background: #0C1D49;
}
.punch p.comment_point {
	border: 1px solid #E45D21;
	border-radius: 5px;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-weight: 900;
	color: #E45D21;
	width: 100%;
}
.width100 {
	width: 100%;
}
.left {
	text-align: left;
}

.conic_list {
	border-left: 2px dotted #E96C0E;
	margin-left: 5px;
	margin-bottom: 20px;
}
.list_box {
	padding-bottom: 15px;
	border-bottom: 1px solid #CCCCCC;
}
.conic_list .list_box {
	margin-left: 30px;
}
.list_box h4 {
	margin-top: 15px!important;
	line-height: 1.6;
}
.list_box p {
	margin-top: 10px;
	margin-left: 15px!important;
}
.list_box p.punch_link.link {
	margin-left: 0!important;
}
.list_box p.left0 {
	margin-top: 10px!important;
	margin-left: 0!important;
}
p.link.indent_mark {
	margin-top: 20px;
}