/*============================
#main_vis
============================*/
p { font-weight: 300;}
#main_vis {
	position: relative;
}
#main_vis h1 {
}
#main_vis h1 img {
}
.arrow a {
      text-indent: -9999px;
      width: 37px;
      height: 32px;
      background: url(img/title-mv-arrow.png);
      background-size: 37px 32px;
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.arrow a:hover {
        opacity: 1; 
}
/*============================
#main_content
============================*/
#main_content {
	margin-top:-50px;
	padding-top:70px;
}
#main_content .sec_inner {
	padding-left:15px;
	padding-right:15px;
}
#main_content p {
	font-size: 16px;
    line-height: 1.5;
}
/*============================
.cont_link
============================*/
#main_content .cont_link {
	background-color: rgba(0,142,215,0.1);
	padding-top:13px;
	padding-bottom:28px;
	margin-top:58px;
	margin-bottom:23px;
}
#main_content .cont_link strong {
	font-size:16px;
	display: block;
	width:290px;
	line-height:22px;
	text-align: center;
	color:#0068a5;
	background-image: url(cmn/img/nav_ttl_bg01.png),url(cmn/img/nav_ttl_bg02.png);
	background-repeat: no-repeat;
	background-position: left center,right center;
	background-size: auto 100%;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	top:-23px;
}
#main_content .cont_link ul {
	/*max-width:290px;*/
	margin-left: auto;
	margin-right: auto;
  width: 90%;
}

#main_content .cont_link ul:after {
  content: '';
  display: block;
  clear: both;
}
#main_content .cont_link ul li {
  margin-left: 3%;
  float: left;
  width: 31%;
}
#main_content .cont_link ul li+li {
}

#main_content .cont_link ul li:nth-child(1),
#main_content .cont_link ul li:nth-child(4) { margin-left: 0;}

#main_content .cont_link ul li:nth-child(4),
#main_content .cont_link ul li:nth-child(5),
#main_content .cont_link ul li:nth-child(6) { margin-top: 10px;}

#main_content .cont_link ul li a {
}
#main_content .cont_link ul li a img {
}
/*============================
article
============================*/
#main_content article {
	padding-bottom:50px;
}
#main_content article+article {
	padding-top:50px;
	border-top:solid 1px #0068a5;
}
#main_content article.comment {
	padding-top:0;
	border-top:none;
}
#main_content article h2 {
	text-align: center;
	padding-bottom:14px;
	background-image: url(img/sec_ttl_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size:auto 1px;
	margin-bottom:10px;
}
#main_content article h2 img {
	max-width:300px;
}
#main_content article p.lead {
}
/*== .baloon_box ==*/
#main_content .baloon_box {
	max-width:906px;
	text-align: center;
	padding: 0 30px 0 230px;
	height: 176px;
	position: relative;
}
#main_content .baloon_box .baloon_inner {
  align-items: center;
  border: none;
  padding: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#main_content .baloon_box .baloon_inner p { text-align: left;}
#main_content .baloon_box .baloon_inner p.jp { text-align: center;}
#main_content article .baloon_box:nth-of-type(2n) {
	flex-direction: row-reverse;
	padding-left:30px;
	padding-right: 230px;
}
#main_content article .baloon_box+.baloon_box {
	margin-top:22px;
}
#main_content article .baloon_box:first-of-type {
	margin-top:26px;
}
#main_content article .baloon_box:last-of-type {
	margin-bottom:61px;
}
#main_content #art01 .baloon_box:nth-of-type(1) {
	background: url(img/01/sec01_baloon01_pc.jpg) no-repeat left center,
							url(img/02/sec02_baloon-bg03-right.jpg) no-repeat right center,
							url(img/02/sec02_baloon-bg02.jpg) repeat-x left center;
}
#main_content #art01 .baloon_box:nth-of-type(2) {
	background: url(img/01/sec01_baloon02_pc.jpg) no-repeat right center,
							url(img/02/sec02_baloon-bg03-left.jpg) no-repeat left center,
							url(img/02/sec02_baloon-bg02.jpg) repeat-x left center;
	padding-left: 30px;
}
#main_content #art02 .baloon_box:nth-of-type(1) {
	background: url(img/02/sec02_baloon01_pc.jpg) no-repeat left center,
							url(img/02/sec02_baloon-bg03-right.jpg) no-repeat right center,
							url(img/02/sec02_baloon-bg02.jpg) repeat-x left center;
}
#main_content #art02 .baloon_box:nth-of-type(2) {
	background: url(img/02/sec02_baloon02_pc.jpg) no-repeat right center,
							url(img/02/sec02_baloon-bg03-left.jpg) no-repeat left center,
							url(img/02/sec02_baloon-bg02.jpg) repeat-x left center;
}
#main_content #art02 .baloon_box:nth-of-type(3) {
	background: url(img/02/sec02_baloon03_pc.jpg) no-repeat left center,
							url(img/02/sec02_baloon-bg03-right.jpg) no-repeat right center,
							url(img/02/sec02_baloon-bg02.jpg) repeat-x left center;
}
#main_content #art04 .baloon_box:nth-of-type(1) {
	background: url(img/04/sec04_baloon01_pc.jpg) no-repeat left center,
							url(img/02/sec02_baloon-bg03-right.jpg) no-repeat right center,
							url(img/02/sec02_baloon-bg02.jpg) repeat-x left center;
}
#main_content #art04 .baloon_box:nth-of-type(2) {
	background: url(img/04/sec04_baloon02_pc.jpg) no-repeat right center,
							url(img/02/sec02_baloon-bg03-left.jpg) no-repeat left center,
							url(img/02/sec02_baloon-bg02.jpg) repeat-x left center;
	padding-left: 30px;
}
#main_content #art05 .baloon_box:nth-of-type(1) {
	background: url(img/05/sec05_baloon01_pc.jpg) no-repeat left center,
							url(img/02/sec02_baloon-bg03-right.jpg) no-repeat right center,
							url(img/02/sec02_baloon-bg02.jpg) repeat-x left center;
}
#main_content #art05 .baloon_box:nth-of-type(2) {
	background: url(img/05/sec05_baloon02_pc.jpg) no-repeat right center,
							url(img/02/sec02_baloon-bg03-left.jpg) no-repeat left center,
							url(img/02/sec02_baloon-bg02.jpg) repeat-x left center;
	padding-left: 30px;
}
#main_content #art06 .baloon_box:nth-of-type(1) {
	background: url(img/06/sec06_baloon01_pc.jpg) no-repeat left center,
							url(img/02/sec02_baloon-bg03-right.jpg) no-repeat right center,
							url(img/02/sec02_baloon-bg02.jpg) repeat-x left center;
}
#main_content #art06 .baloon_box:nth-of-type(2) {
	background: url(img/06/sec06_baloon02_pc.jpg) no-repeat right center,
							url(img/02/sec02_baloon-bg03-left.jpg) no-repeat left center,
							url(img/02/sec02_baloon-bg02.jpg) repeat-x left center;
	padding-left: 30px;
}
#main_content .baloon_box h3 {
	margin-bottom:22px;
	position: relative;
	font-family: "UDタイポス510 Std R", "Helvetica Neue", "ヒラギノ角ゴ Pr6N W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color:#0068a5;
	font-size:18px;
}
#main_content .baloon_box h3::after {
	content:"";
	display: block;
	border-top:solid 1px #0068a5;
	width: 240px;
	position:absolute;
	bottom:-10px;
	left:50%;
	transform: translateX(-50%);
}
#main_content .baloon_box h3 img {
	max-width:155px;
}
#main_content .baloon_box p {
}
#main_content .baloon_box .img {
	display: none;
	margin-top:10px;
}
#main_content .baloon_box .img img {
}
/*== .pdf_box ==*/
#main_content .pdf_box {
	margin-top:60px;
}
#main_content .pdf_box em {
	display: block;
	font-size: 16px;
	color:#0068a5;
	text-align: center;
	margin-bottom:8px;
}
#main_content .pdf_box>div {
	background-color: rgba(0,142,215,0.1);
    background-image: url(img/pdf_box_bg.png);
    background-position: left top;
    background-size: 3.5px 2.5px;
}
#main_content .pdf_box ul {
	padding:13px;
}
#main_content .pdf_box ul li {
	font-size: 12px;
	color:#323232;
	padding-left:1em;
	text-indent: -1em;
}
#main_content .pdf_box ul li+li {
	margin-top:6px;
}
#main_content .pdf_box ul li::before {
	font-size: 11px;
	content:"・";
}
#main_content .pdf_box a {
	text-decoration: none;
	display: block;
	padding-left:74px;
	font-size:11px;
	line-height: 60px;
	font-weight: 600;
	color:#fff;
	background-color:#008ed7 ;
	background-image: url(img/icon_pdf.png);
	background-repeat: no-repeat;
	background-size: 39px 43px;
	background-position:20px center;
}

/*============================
.sec02_link
============================*/
#main_content .sec02_link {
	margin-top:40px;
	margin-bottom:40px;
}
#main_content .sec02_link ul {
	/*max-width: 450px;*/
    margin-right: auto;
    margin-left: auto;
  width: 80%;
}
#main_content .sec02_link ul li {
	width:100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
	height: 20vw;
	margin-bottom:100px;
}

#main_content .sec02_link ul li:nth-of-type(1) {
	background-image: url(img/02/sec02_link_bg01-1.png),url(img/02/sec02_link_bg01-2.jpg);
	background-position: left center,right center;
	/*margin-bottom: 160px;*/
}
#main_content .sec02_link ul li:nth-of-type(2) {
	background-image: url(img/02/sec02_link_bg02.jpg);
}
#main_content .sec02_link ul li:nth-of-type(3) {
	background-image: url(img/02/sec02_link_bg03.jpg);
}
#main_content .sec02_link ul li>div {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
#main_content .sec02_link ul li p {
	position: absolute;
	bottom:-50px;
	left:0;
	width:100%;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
#main_content .sec02_link ul li:first-of-type p {
	bottom:-125px;

}
#main_content .sec02_link ul li p {
	bottom:-80px;

}
#main_content .sec02_link ul li strong {
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color:#0068a5;
	line-height: 1.75;
}
#main_content .sec02_link ul li a {
	display: block;
	text-align: center;
	font-size: 7.5px;
	color:#fff;
	background-color: #0068a5;
	line-height: 21px;
	max-width: 98px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
}

/*============================
.sec03_scroll
============================*/
#main_content .sec03_scroll {
	overflow-x: scroll;
	position: relative;
	margin-top:17px;
	margin-bottom:40px;
}
#main_content .sec03_scroll::before {
	content:"";
	display: block;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.1);
	background-image: url(img/03/icon_scroll.png);
	background-size: 174px 55px;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top:0;
	left:0;
	
}
#main_content .sec03_scroll.active::before {
	opacity: 0;
	transition: all 1s;
}
#main_content .sec03_scroll.active2::before {
	content:none;
}
#main_content .sec03_scroll div.img {
	width: 695px;
	padding:15px;
	margin-left: auto;
    margin-right: auto;
}
#main_content .sec03_scroll div.img img {
}

/*============================
.sec03_link
============================*/
#main_content .sec03_link {
}
#main_content .sec03_link strong {
	display: block;
	font-size:16px;
	color:#0068a5;
	text-align: center;
	margin-bottom:15px;
	font-weight: 300;
}
#main_content .sec03_link ul {
}
#main_content .sec03_link ul li {
	position: relative;
}
#main_content .sec03_link ul li a {
	display: block;
}
#main_content .sec03_link ul li a .img {
	position: relative;
}
#main_content .sec03_link ul li::before {
	content:"";
	width:52.5px;
	height:52.5px;
	position: absolute;
	top:7px;
	right:7px;
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 1;
}
#main_content .sec03_link ul li a .img img {
}
#main_content .sec03_link ul li a .txt {
	padding:15px 25px;
	position: relative;
}
#main_content .sec03_link ul li a .txt::after {
	content:"";
	display: block;
	width:12.5px;
	height:20px;
	background-size: 100%;
	position: absolute;
	top:50%;
	right:15px;
	transform: translateY(-50%);
}
#main_content .sec03_link ul li a .txt p {

}
#main_content .sec03_link ul li a .txt .category {
	font-size:14px;
	margin-top:15px;
}
#main_content .sec03_link ul li a .txt .category span {
	display: inline-block;
	color:#fff;
	padding:3px 5px;
	border-radius: 3px;
	margin-right:3px;
}
#main_content .sec03_link ul li a .txt .category span+span {
	margin-top:3px;
}


#main_content .sec03_link ul li:nth-of-type(1)::before {
	background-image: url(img/03/sec03_icon01.png);
}
#main_content .sec03_link ul li:nth-of-type(1) a {
	background-color: #e5f4fb;
}
#main_content .sec03_link ul li:nth-of-type(1)  a .txt p {
	color:#0068a5;
}
#main_content .sec03_link ul li:nth-of-type(1) a .txt::after {
	background-image: url(img/03/sec03_link_arrow01.png);
}
#main_content .sec03_link ul li:nth-of-type(1) a .txt .category span {
	background-color: #0091db;
}

#main_content .sec03_link ul li:nth-of-type(4)::before {
	background-image: url(img/03/sec03_icon02.png);
}
#main_content .sec03_link ul li:nth-of-type(4) a {
	background-color: #f1f7ea;
}
#main_content .sec03_link ul li:nth-of-type(4)  a .txt p {
	color:#73ac2d;
}
#main_content .sec03_link ul li:nth-of-type(4) a .txt::after {
	background-image: url(img/03/sec03_link_arrow02.png);
}
#main_content .sec03_link ul li:nth-of-type(4) a .txt .category span {
	background-color: #73ac2d;
}

#main_content .sec03_link ul li:nth-of-type(2)::before {
	background-image: url(img/03/sec03_icon03.png);
}
#main_content .sec03_link ul li:nth-of-type(2) a {
	background-color: #e5f5f5;
}
#main_content .sec03_link ul li:nth-of-type(2)  a .txt p {
	color:#009e9d;
}
#main_content .sec03_link ul li:nth-of-type(2) a .txt::after {
	background-image: url(img/03/sec03_link_arrow03.png);
}
#main_content .sec03_link ul li:nth-of-type(2) a .txt .category span {
	background-color: #009e9d;
}

#main_content .sec03_link ul li:nth-of-type(3)::before {
	background-image: url(img/03/sec03_icon04.png);
}
#main_content .sec03_link ul li:nth-of-type(3) a {
	background-color: #f2eef5;
}
#main_content .sec03_link ul li:nth-of-type(3)  a .txt p {
	color:#7c5a99;
}
#main_content .sec03_link ul li:nth-of-type(3) a .txt::after {
	background-image: url(img/03/sec03_link_arrow04.png);
}
#main_content .sec03_link ul li:nth-of-type(3) a .txt .category span {
	background-color: #7c5a99;
}

#main_content .sec03_link ul li:nth-of-type(5)::before {
	background-image: url(img/03/sec03_icon05.png);
}
#main_content .sec03_link ul li:nth-of-type(5) a {
	background-color: #fcf5e5;
}
#main_content .sec03_link ul li:nth-of-type(5)  a .txt p {
	color:#e49d00;
}
#main_content .sec03_link ul li:nth-of-type(5) a .txt::after {
	background-image: url(img/03/sec03_link_arrow05.png);
}
#main_content .sec03_link ul li:nth-of-type(5) a .txt .category span {
	background-color: #e49d00;
}
#main_content .sec03_link ul li .baloon_box {
	margin: 0;
	position: relative;
	height:100%;
	padding:20% 15px 0;
	max-width: none;
	
}
#main_content .sec03_link ul li .baloon_box img {
	max-width:100%;
	width:auto;	
}

.pc-none {
	display: inherit;
}

.sp-none {
	display: none;
}

@media (max-width: 320px) {
#main_content .sec02_link ul li:first-of-type p {
	bottom:-150px;

}
#main_content .sec02_link ul li:nth-of-type(2) p ,
#main_content .sec02_link ul li:nth-of-type(3) p {
	bottom:-75px;
}

}

@media (max-width: 620px) {

#main_content .baloon_box {
  max-width:262px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0 0 175px 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  height: auto;
}
#main_content .baloon_box .baloon_inner {
  padding-top:15px;
  padding-bottom: 5px;
  padding-left:10px;
  padding-right:10px;
  border:solid 1px #0068a5;
  border-bottom:none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: static;
  top: auto;
  transform: none;
}

#main_content #art01 .baloon_box:nth-of-type(1) {
	background: url(img/01/sec01_baloon01.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#main_content #art01 .baloon_box:nth-of-type(2) {
	background: url(img/01/sec01_baloon02.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 0;
}

#main_content #art02 .baloon_box:nth-of-type(1) {
  background: url(img/02/sec02_baloon01.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#main_content #art02 .baloon_box:nth-of-type(2) {
  background: url(img/02/sec02_baloon02.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#main_content #art02 .baloon_box:nth-of-type(3) {
  background: url(img/02/sec02_baloon03.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}

#main_content #art04 .baloon_box:nth-of-type(1) {
	background: url(img/04/sec04_baloon01.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#main_content #art04 .baloon_box:nth-of-type(2) {
	background: url(img/04/sec04_baloon02.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 0;
}

#main_content #art05 .baloon_box:nth-of-type(1) {
	background: url(img/05/sec05_baloon01.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#main_content #art05 .baloon_box:nth-of-type(2) {
	background: url(img/05/sec05_baloon02.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 0;
}

#main_content #art06 .baloon_box:nth-of-type(1) {
	background: url(img/06/sec06_baloon01.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#main_content #art06 .baloon_box:nth-of-type(2) {
	background: url(img/06/sec06_baloon02.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-left: 0;
}

#main_content article .baloon_box:nth-of-type(2n) {
	padding-left: 0;
	padding-right: 0;
}

}

#main_content p.pic-tit {
  font-size: 15px !important;
  margin: 15px 0 10px;
}

@media (max-width: 700px) {
  #main_content .cont_link ul li {
    float: none;
    margin: 10px 0 0;
    width: 100%;
  
}

@media (max-width: 660px) {
  #main_content .sec02_link ul { width: 100%;}
  #main_content .sec02_link ul li { height: 30vw;}
}

@media (max-width: 400px) {
}


@media (max-width: 600px) {
  #main_content .sec02_link ul li strong {
    font-size: 15px;
  }
}