/* ==========================================================================
   Layout - Header
   ========================================================================== */
/* nav
   ========================================================================== */
.nav {
  margin-top: 50px;
}
.nav ul {
  border-left: 1px solid #e4e5ec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav ul li {
  background: no-repeat 50% 20px;
  background-size: 48px 48px;
  width: 33.333333333%;
}

@media (max-width: 768px) {
  .nav ul li {
    background-position: 50% 2px;
    background-size: 34px;
  }
}
.nav ul li a {
  border-right: 1px solid #e4e5ec;
  color: #333;
  display: block;
  font-weight: bold;
  line-height: 1;
  padding: 84px 0 11px;
  text-align: center;
}
@media (max-width: 768px) {
  .nav ul li a {
    padding: 47px 20px 6px;
  }
}
.nav ul li a > span {
  background: url(/support/img/index_bg_anchor.svg) no-repeat 0 50%;
  background-size: 13px 13px;
  display: inline-block;
  padding-left: 24px;
}
@media (max-width: 768px) {
  .nav ul li a > span {
    background-position: 50% 100%;
    padding: 0 0 25px;
  }
}
.nav ul li a > span span {
  display: inline-block;
}
.nav ul .nav_question {
  background-image: url(/support/img/index_bg_question.svg);
}
.nav ul .nav_contact {
  background-image: url(/support/img/index_bg_contact.svg);
  background-size: 193px 48px;
}
.nav ul .nav_callcenter {
  background-image: url(/support/img/index_bg_callcenter.svg);
}

@media (max-width: 768px) {
  .nav ul .nav_contact {
    background-position: 50% 2px;
    background-size: 64px;
  }
}

/* title-icon
   ========================================================================== */
.section-title.opt-title-icon h2 {
  background: no-repeat 0 100%;
  background-size: 38px 38px;
  padding-left: 55px;
}
@media (max-width: 768px) {
  .section-title.opt-title-icon h2 {
    background-size: 28px;
    padding: 2px 0 2px 39px;
  }
}
.section-title.opt-title-icon.has-question h2 {
  background-image: url(/support/img/index_bg_question.svg);
}
.section-title.opt-title-icon.has-contact h2 {
  background-image: url(/support/img/index_bg_contact.svg);
  background-size: 69px 38px;
  padding-left: 85px;
}
.section-title.opt-title-icon.has-callcenter h2 {
  background-image: url(/support/img/index_bg_callcenter.svg);
}

@media (max-width: 768px) {
  .section-title.opt-title-icon.has-contact h2 {
    background-size: 58px;
    padding: 2px 0 2px 69px;
  }
}

/* m-color-box
   ========================================================================== */
div.section:first-child .m-color-box {
  margin-top: 0;
}
.m-color-box p {
  margin-top: 0;
}
	
/*追加CSS*/

.note{
	padding: 20px 20px 40px;
	border: 3px solid #b80117;
	border-radius: 12px;
}

.note p{
	margin-top: 10px;
}

.box01{
	margin-bottom: 40px;
}

.ttl{
	font-size: 18px;
	font-weight: bold;
		
}

.ttl .icon{
	color: #f3be00;
}

strong{
	color: #b80117;
	font-weight: bold;
}

.colTwo02 li:nth-of-type(2n-1){
	margin-bottom: 20px;
}

.colTwo02 a{
	color: #333333;
	text-decoration: none;
	display: block;
}

.link{
	background: url(/support/img/index_bg_anchor.svg) no-repeat right 50%;
	background-size: 13px 13px;
	display: inline-block;
	padding-right: 20px;
}

@media (min-width: 769px) {
	
.note{
	padding: 20px 80px 60px;
}

.colTwo01{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
	
.colTwo01 .ttl{
	margin-right: 15px;
}
	
.box02{
	width: 810px;
}
	
.colTwo02{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;    
}
	
.colTwo02 li:nth-of-type(2n-1){
	margin-bottom: 0;
}
	
.colTwo02 li:nth-of-type(2n-1) a{
	display: block;
	margin-bottom: 0;
	padding-right: 50px;
	border-right: 1px solid #e4e5ec;
	color: #333333;
	min-width: 50%;
}
	
.colTwo02 a:hover,a:active{
	text-decoration: underline;
}
	
}