@charset "utf-8";

.contents-wrapper img {
width:100%;
height:inherit;
}

.bg_blue {
	width: 100%;
	background-image:url("../img/common/contents_bg_sp.jpg");
	/*background-repeat: no-repeat;*/
	background-image: linear-gradient(0deg, rgba(56, 67, 117, 1) 20%, rgba(80, 86, 133, 1) 27%, rgba(50, 62, 113, 1) 56%, rgba(8, 31, 87, 1) 82%);
}

.bg_green {
background:#d3e4e3;
}
.bg_l_green {
background:#dfe9d5;
}
.bg_l_green2 {
background:#eaf2f2;
}
.bg_pink {
background:#efd8d7;
}
.bg_l_pink {
background:#fae8eb;
}
.bg_l_purple {
background:#e6d8ea;
}
.bg_l_yellow {
background:#fdead3;
}
.bg_beige {
background:#f1e4d0;
}
.bg_l_beige {
background:#f1e4d0;
}
.bg_l_beige2 {
background:#f8f1e7;
}

.contents600 {
width:100%;
max-width: 600px;
margin:0 auto;
}
.contents800 {
width:100%;
max-width: 800px;
margin:0 auto;
}
.contents1000 {
width:100%;
max-width: 1000px;
margin:0 auto;
}
.contents1100 {
width:100%;
max-width: 1100px;
margin:0 auto;
}
.contents1280 {
width:100%;
max-width: 1280px;
margin:0 auto;
}

.contents1280_inner {
width:100%;
margin:0 auto;
padding-left:0px;
padding-right:0px;
}
@media screen and (max-width: 1280px) {
.contents1280_inner {
padding-left:30px;
padding-right:30px;
}
}
@media screen and (max-width: 980px) {
.contents1280_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width: 768px) {
.contents1280_inner {
padding-left:15px;
padding-right:15px;
}
}

.contents1100_inner {
width:100%;
margin:0 auto;
padding-left:0px;
padding-right:0px;
}
@media screen and (max-width: 1100px) {
.contents1100_inner {
padding-left:30px;
padding-right:30px;
}
}
@media screen and (max-width: 980px) {
.contents1100_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width: 768px) {
.contents1100_inner {
padding-left:15px;
padding-right:15px;
}
}


@media screen and (max-width: 1100px) {
.contents1000_inner {
padding-left:30px;
padding-right:30px;
}
}
@media screen and (max-width: 980px) {
.contents1000_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width: 800px) {
.contents800_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width: 768px) {
.contents600_inner {
padding-left:20px;
padding-right:20px;
}
.contents1000_inner {
padding-left:20px;
padding-right:20px;
}
}

.contents900 {
width:100%;
max-width: 900px;
margin:0 auto;
}
@media screen and (max-width: 900px) {
.contents900_inner {
padding-left:30px;
padding-right:30px;
}
}
@media screen and (max-width: 768px) {
.contents900_inner {
padding-left:15px;
padding-right:15px;
}
}


.position-r {
position: relative;
}
.position-a {
position:absolute;
}
.po_relative {
position:relative;
}
.po_absolute {
position:absolute;
}
.po_r {
position:relative;
}
.po_a {
position:absolute;
}

.hover {
opacity: 1;
}
.hover:hover {
opacity: 0.5 !important;
}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}
.pt130 {padding-top:130px;}
.pt140 {padding-top:140px;}
.pt150 {padding-top:150px;}
.pt160 {padding-top:160px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pb110 {padding-bottom:110px;}
.pb120 {padding-bottom:120px;}
.pb130 {padding-bottom:130px;}
.pb140 {padding-bottom:140px;}
.pb150 {padding-bottom:150px;}
.pb160 {padding-bottom:160px;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt110 {margin-top:110px;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}
.mt140 {margin-top:140px;}
.mt150 {margin-top:150px;}
.mt160 {margin-top:160px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}
.mb150 {margin-bottom:150px;}
.mb160 {margin-bottom:160px;}
.pl20 {padding-left:20px;}
.pr20 {padding-right:20px;}
@media screen and (max-width: 768px) {
.pt10 {padding-top:5px;}
.pt20 {padding-top:10px;}
.pt30 {padding-top:15px;}
.pt40 {padding-top:20px;}
.pt50 {padding-top:25px;}
.pt60 {padding-top:30px;}
.pt70 {padding-top:35px;}
.pt80 {padding-top:40px;}
.pt90 {padding-top:45px;}
.pt100 {padding-top:50px;}
.pt110 {padding-top:55px;}
.pt120 {padding-top:60px;}
.pt130 {padding-top:65px;}
.pt140 {padding-top:70px;}
.pt150 {padding-top:75px;}
.pt160 {padding-top:80px;}

.pb10 {padding-bottom:5px;}
.pb20 {padding-bottom:10px;}
.pb30 {padding-bottom:15px;}
.pb40 {padding-bottom:20px;}
.pb50 {padding-bottom:25px;}
.pb60 {padding-bottom:30px;}
.pb70 {padding-bottom:35px;}
.pb80 {padding-bottom:40px;}
.pb90 {padding-bottom:45px;}
.pb100 {padding-bottom:50px;}
.pb110 {padding-bottom:55px;}
.pb120 {padding-bottom:60px;}
.pb130 {padding-bottom:65px;}
.pb140 {padding-bottom:70px;}
.pb150 {padding-bottom:75px;}
.pb160 {padding-bottom:80px;}

.mt10 {margin-top:5px;}
.mt20 {margin-top:10px;}
.mt30 {margin-top:15px;}
.mt40 {margin-top:20px;}
.mt50 {margin-top:25px;}
.mt60 {margin-top:30px;}
.mt70 {margin-top:35px;}
.mt80 {margin-top:40px;}
.mt90 {margin-top:45px;}
.mt100 {margin-top:50px;}
.mt110 {margin-top:55px;}
.mt120 {margin-top:60px;}
.mt130 {margin-top:65px;}
.mt140 {margin-top:70px;}
.mt150 {margin-top:75px;}
.mt160 {margin-top:80px;}

.mb10 {margin-bottom:5px;}
.mb20 {margin-bottom:10px;}
.mb30 {margin-bottom:15px;}
.mb40 {margin-bottom:20px;}
.mb50 {margin-bottom:25px;}
.mb60 {margin-bottom:30px;}
.mb70 {margin-bottom:35px;}
.mb80 {margin-bottom:40px;}
.mb90 {margin-bottom:45px;}
.mb100 {margin-bottom:50px;}
.mb110 {margin-bottom:55px;}
.mb120 {margin-bottom:60px;}
.mb130 {margin-bottom:65px;}
.mb140 {margin-bottom:70px;}
.mb150 {margin-bottom:75px;}
.mb160 {margin-bottom:80px;}
.pl20 {padding-left:10px;}
.pr20 {padding-right:10px;}
.sp_pt10 {padding-top:10px;}
.sp_pt20 {padding-top:20px;}
.sp_pt30 {padding-top:30px;}
.sp_pt40 {padding-top:40px;}
.sp_pt50 {padding-top:50px;}
.sp_pt60 {padding-top:60px;}
.sp_pt70 {padding-top:70px;}
.sp_pt80 {padding-top:80px;}
.sp_pt90 {padding-top:90px;}
.sp_pt100 {padding-top:100px;}
.sp_pt110 {padding-top:110px;}
.sp_pt120 {padding-top:120px;}
.sp_pt130 {padding-top:130px;}
.sp_pt140 {padding-top:140px;}
.sp_pt150 {padding-top:150px;}
.sp_pt160 {padding-top:160px;}

.sp_pb10 {padding-bottom:10px;}
.sp_pb20 {padding-bottom:20px;}
.sp_pb30 {padding-bottom:30px;}
.sp_pb40 {padding-bottom:40px;}
.sp_pb50 {padding-bottom:50px;}
.sp_pb60 {padding-bottom:60px;}
.sp_pb70 {padding-bottom:70px;}
.sp_pb80 {padding-bottom:80px;}
.sp_pb90 {padding-bottom:90px;}
.sp_pb100 {padding-bottom:100px;}
.sp_pb110 {padding-bottom:110px;}
.sp_pb120 {padding-bottom:120px;}
.sp_pb130 {padding-bottom:130px;}
.sp_pb140 {padding-bottom:140px;}
.sp_pb150 {padding-bottom:150px;}
.sp_pb160 {padding-bottom:160px;}

.sp_mt10 {margin-top:10px;}
.sp_mt20 {margin-top:20px;}
.sp_mt30 {margin-top:30px;}
.sp_mt40 {margin-top:40px;}
.sp_mt50 {margin-top:50px;}
.sp_mt60 {margin-top:60px;}
.sp_mt70 {margin-top:70px;}
.sp_mt80 {margin-top:80px;}
.sp_mt90 {margin-top:90px;}
.sp_mt100 {margin-top:100px;}
.sp_mt110 {margin-top:110px;}
.sp_mt120 {margin-top:120px;}
.sp_mt130 {margin-top:130px;}
.sp_mt140 {margin-top:140px;}
.sp_mt150 {margin-top:150px;}
.sp_mt160 {margin-top:160px;}

.sp_mb10 {margin-bottom:10px;}
.sp_mb20 {margin-bottom:20px;}
.sp_mb30 {margin-bottom:30px;}
.sp_mb40 {margin-bottom:40px;}
.sp_mb50 {margin-bottom:50px;}
.sp_mb60 {margin-bottom:60px;}
.sp_mb70 {margin-bottom:70px;}
.sp_mb80 {margin-bottom:80px;}
.sp_mb90 {margin-bottom:90px;}
.sp_mb100 {margin-bottom:100px;}
.sp_mb110 {margin-bottom:110px;}
.sp_mb120 {margin-bottom:120px;}
.sp_mb130 {margin-bottom:130px;}
.sp_mb140 {margin-bottom:140px;}
.sp_mb150 {margin-bottom:150px;}
.sp_mb160 {margin-bottom:160px;}
}

p.copy {
font-size:18px;
line-height: 2;
margin-bottom:1.5em;
font-weight: 500;
}
@media screen and (max-width: 768px) {
p.copy {
font-size:1.2rem;
}
}


.col-pcflex-spblock {	
display: flex;
}
.col-pcflex-spflex {	
display: flex;
}
.col-pcblock-spflex {	
display: block;
}
.flex-wrap_wrap {
flex-wrap:wrap;
}
.flex-wrap_nowrap {
flex-wrap:nowrap;
}
.flex-justify-content_center {
justify-content:center;
}
.flex-justify-content_space-between {
justify-content:space-between;
}
.flex-justify-content_space-around {
justify-content:space-around;
}
.flex-align-items_center {
align-items: center;
}
.flex-align-items_top {
align-items: top;
}
.flex-align-items_stretch {
align-items: stretch;
}

.w48per {
width:48%;
}

@media screen and (max-width: 768px) {
.sp_w100per {
width:100%;
}
}


.w-48per {
width:48%;
}
.w-49per {
width:49%;
}
.w-50per {
width:50%;
}

@media screen and (max-width: 768px) {
.w-49per {
width:100%;
}
}

.w-pc15per-sp30per {
width:15%;
}
.w-pc32per-sp49per {
width:32%;
}
.w-pc32per-sp100per {
width:32%;
}
.w-pc48per-sp100per {
width:48%;
}
.w-pc24per-sp49per {
width:24%;
}
.w-pc30per-sp30per {
width:32%;
}
.w-pc30per-sp90per {
width:32%;
margin: auto;
}
.w-pc50per-sp100per {
width:50%;
}
.w-pc58per-sp100per {
width:58%;
}
.w-pc38per-sp100per {
width:38%;
}
.w-pc100per-sp48per {
width:100%;
}
@media screen and (max-width: 768px) {
.w-pc32per-sp49per {
width:49%;
}
.w-pc30per-sp90per {
width:90%;
}
.w-pc32per-sp100per {
width:100%;
}
.w-pc48per-sp100per {
width:100%;
}
.col-pcflex-spblock {	
display: block;
}
.col-pcblock-spflex {	
display: flex;
}
.w-pc24per-sp49per {
width:49%;
}
.w-pc50per-sp100per {
width:100%;
}
.w-pc58per-sp100per {
width:100%;
}
.w-pc38per-sp100per {
width:100%;
}
.w-pc15per-sp30per {
width:30%;
}
.w-pc100per-sp48per {
width:48%;
}
}

.js-scroll-point {
position: absolute;
top:160px;
left:0px;
width:10px;
}

.pdg_t30 {
padding-top:30px;
}
.pdg_t60 {
padding-top:60px;
}
.pdg_t80 {
padding-top:80px !important;
}
.pdg_t100 {
padding-top:100px;
}
.pdg_t120 {
padding-top:120px;
}

.pdg_b40 {
padding-bottom:40px;
}
.pdg_b60 {
padding-bottom:60px;
}
.pdg_b80 {
padding-bottom:80px;
}
.pdg_b100 {
padding-bottom:100px;
}
.pdg_b120 {
padding-bottom:120px;
}

.mgn_t20 {
margin-top:20px;
}
.mgn_t40 {
margin-top:40px;
}
.mgn_t60 {
margin-top:60px;
}
.mgn_t80 {
margin-top:80px;
}

.mgn_b15 {
margin-bottom: 15px;
}
.mgn_b30 {
margin-bottom: 30px;
}
.mgn_b60 {
margin-bottom: 60px;
}
.mgn_b80 {
margin-bottom: 80px !important;
}
.pdg_l30 {
padding-left:30px;
}
.pdg_r30 {
padding-right:30px;
}
@media screen and (max-width: 768px) {
.pdg_l30 {
padding-left:15px;
}
.pdg_r30 {
padding-right:15px;
}
.pdg_t30 {
padding-top:15px;
}
.pdg_t60 {
padding-top:30px;
}
.pdg_t80 {
padding-top:40px !important;
}
.pdg_t100 {
padding-top:50px;
}
.pdg_t120 {
padding-top:60px;
}

.pdg_b40 {
padding-bottom:20px;
}
.pdg_b60 {
padding-bottom:30px;
}
.pdg_b80 {
padding-bottom:40px;
}
.pdg_b100 {
padding-bottom:50px;
}
.pdg_b120 {
padding-bottom:60px;
}

.mgn_t20 {
margin-top:10px;
}
.mgn_t40 {
margin-top:20px;
}
.mgn_t60 {
margin-top:30px;
}
.mgn_t80 {
margin-top:40px !important;
}
.mgn_b15 {
margin-bottom: 8px;
}
.mgn_b30 {
margin-bottom: 15px;
}
.mgn_b60 {
margin-bottom: 30px;
}
.mgn_b80 {
margin-bottom: 40px;
}

.mgn_sp_b20 {
margin-bottom:20px;
}
}


.pagetitle {
color:#ffffff;
font-size:28px;
text-align: center;
padding-bottm:0.5em;
}
.pagetitle h2 {
font-weight: 400 !important;
padding-bottom:0.5em;
line-height:1.5;
}

.pagetitle hr {
  border-top: 1px solid #fff;
  height: 1em;
  overflow: visible;
  border-left:none;
  border-right:none;
  border-bottom:none;
  text-align: right;
  position: relative;
}
.pagetitle hr::before {
  content: "●";
  color: #fff;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position:absolute;
  top: -1em;
  right:-0.2em;
  padding: 0 0em;
  font-size:12px;
}
.pagetitle hr::after {
  content: "●";
  color: #fff;
  display: inline-block;
  text-align: right;
  height: 2em;
  line-height: 2em;
  position:absolute;
  top: -1em;
  left:-0.2em;
  padding: 0 0em;
  font-size:12px;
}

.pagetitle2 {
font-size:28px;
text-align: center;
padding-bottm:0.5em;
}
.pagetitle2 h2 {
font-weight: 400 !important;
padding-bottom:0.5em;
line-height:1.5;
}

.pagetitle2 hr {
  border-top: 1px solid #111;
  height: 1em;
  overflow: visible;
  border-left:none;
  border-right:none;
  border-bottom:none;
  text-align: right;
  position: relative;
}
.pagetitle2 hr::before {
  content: "●";
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position:absolute;
  top: -1em;
  right:-0.2em;
  padding: 0 0em;
  font-size:12px;
}
.pagetitle2 hr::after {
  content: "●";
  display: inline-block;
  text-align: right;
  height: 2em;
  line-height: 2em;
  position:absolute;
  top: -1em;
  left:-0.2em;
  padding: 0 0em;
  font-size:12px;
}

.pagetitle2 h3 {
font-size:24px;
}

.txt_center {
text-align: center;
}
.txt_white,
p.txt_white {
color:#ffffff;
}
p.txt_size16 {
font-size:16px;
}
p.txt_size18 {
font-size:18px;
line-height:1.8;
}
p.txt_size20 {
font-size:20px;
line-height:1.8;
}
p.txt_size22 {
font-size:22px;
line-height:1.8;
}
p.txt_size26 {
font-size:26px;
line-height:1.8;
}
h3.txt_size26 {
font-size:26px;
line-height:1.8;
}
h3.txt_size26 .txt_size18 {
font-size:18px;
}

@media screen and (max-width: 768px) {
.pagetitle h2 {
font-size:4.8vw !important;
}
.pagetitle2 {
font-size:4.2vw;
}
.pagetitle2 h3 {
font-size:3vw;
}
p.txt_size16 {
font-size:80%;
}
p.txt_size18 {
font-size:85%;
}
p.txt_size20 {
font-size:95%;
}
p.txt_size22 {
font-size:110%;
}
p.txt_size26 {
font-size:120%;
}
h3.txt_size26 {
font-size:3.8vw;
line-height:1.8;
font-weight: 400;
}
h3.txt_size26 .txt_size18 {
font-size:2.8vw;
}
}


.pc {
display:block;
}
.sp {
display:none;
}
@media screen and (max-width: 768px) {
.pc {
display:none;
}
.sp {
display:block;
}
}


#page main .bg-none {
  background-color: #fff;
}
.bg-gradation {
/*background: rgb(223,234,247);
background: linear-gradient(0deg, rgba(223,234,247,1) 0%, rgba(255,255,255,1) 50%, rgba(241,225,238,1) 100%);*/
background:#e6e3dc;

}



p.caption-right {
font-size: 1.4rem;
padding-top:0.3em;
text-align: right;
}
p.caption-left {
font-size: 1.4rem;
padding-top:0.3em;
}
.on-caption-right-wht {
font-size: 1.4rem;
padding-top:0.3em;
text-align: right;
color:#ffffff;
text-shadow:
2px 2px 2px #000, -2px -2px 2px #000,
-2px 2px 2px #000,  2px -2px 2px #000,
2px 0px 2px #000, -2px -0px 2px #000,
0px 2px 2px #000,  0px -2px 2px #000;
position: absolute;
right:0.8em;
bottom:0.3em;
}
.on-caption-left-wht {
font-size: 1.4rem;
padding-top:0.3em;
color:#ffffff;
text-shadow:
2px 2px 2px #000, -2px -2px 2px #000,
-2px 2px 2px #000,  2px -2px 2px #000,
2px 0px 2px #000, -2px -0px 2px #000,
0px 2px 2px #000,  0px -2px 2px #000;
position: absolute;
left:0.8em;
bottom:0.3em;
}
@media screen and (max-width: 768px) {
p.caption-left {
font-size: 1rem;
padding-top:0.1em;
}
p.caption-right {
font-size: 1rem;
padding-top:0.1em;
}
.on-caption-right-wht {
font-size: 0.8rem;
padding-top:0.1em;
text-shadow:
1px 1px 1px #000, -1px -1px 1px #000,
-1px 1px 1px #000,  1px -1px 1px #000,
1px 0px 1px #000, -1px -0px 1px #000,
0px 1px 1px #000,  0px -1px 1px #000;
}
.on-caption-left-wht {
font-size: 0.8rem;
padding-top:0.1em;
text-shadow:
1px 1px 1px #000, -1px -1px 1px #000,
-1px 1px 1px #000,  1px -1px 1px #000,
1px 0px 1px #000, -1px -0px 1px #000,
0px 1px 1px #000,  0px -1px 1px #000;
}
}

.m-bottom_pc20-sp10 {
margin-bottom:20px;
}
.m-bottom_pc30-sp15 {
margin-bottom:30px;
}
.m-bottom_pc40-sp20 {
margin-bottom:40px;
}
.p-top_pc20-sp10 {
padding-top:20px;
}
.p-top_pc30-sp15 {
padding-top:30px;
}
.p-top_pc40-sp20 {
padding-top:40px;
}
.p-top_pc50-sp25 {
padding-top:50px;
}
.p-top_pc60-sp30 {
padding-top:60px;
}
.p-top_pc70-sp35 {
padding-top:70px;
}
.p-top_pc80-sp40 {
padding-top:80px;
}
.p-top_pc90-sp45 {
padding-top:90px;
}
.p-top_pc100-sp50 {
padding-top:100px;
}
.p-bottom_pc90-sp45 {
padding-bottom:90px;
}

@media screen and (max-width: 768px) {
.m-bottom_pc20-sp10 {
margin-bottom:10px;
}
.m-bottom_pc30-sp15 {
margin-bottom:15px;
}
.m-bottom_pc40-sp20 {
margin-bottom:20px;
}
.p-top_pc20-sp10 {
padding-top:10px;
}
.p-top_pc30-sp15 {
padding-top:15px;
}
.p-top_pc40-sp20 {
padding-top:20px;
}
.p-top_pc50-sp25 {
padding-top:25px;
}
.p-top_pc60-sp30 {
padding-top:30px;
}
.p-top_pc70-sp35 {
padding-top:35px;
}
.p-top_pc80-sp40 {
padding-top:40px;
}
.p-top_pc90-sp45 {
padding-top:45px;
}
.p-top_pc100-sp50 {
padding-top:50px;
}
.p-bottom_pc90-sp45 {
padding-bottom:45px;
}
}
.catch-title {
font-size: 2.5rem;
font-weight: bold;
letter-spacing: 0.05em;
margin-bottom: 30px;
color:#005f51;
text-align: center;
}
.catch-title2 {
font-size: 2.8rem;
font-weight: bold;
letter-spacing: 0.05em;
margin-bottom: 15px;
color:#998800;
text-align: center;
}
.catch-title3 {
font-size: 2.2rem;
font-weight: bold;
letter-spacing: 0.05em;
margin-bottom: 30px;
color:#232323;
text-align: center;
}
.catch-title span {
font-size: 2rem;
font-weight: bold;
letter-spacing: 0.05em;
margin-bottom: 30px;
color:#fff;
background:#005f51;
text-align: center;
padding:0.2em 0.5em;
display:block;
margin-top:8px;
max-width: 60%;
margin-left:auto;
margin-right:auto;
}
@media screen and (max-width: 1024px) {
.catch-title {
font-size: 2rem;
margin-bottom: 20px;
}
.catch-title span {
font-size: 2rem;
margin-bottom: 30px;
padding:0.2em 0.5em;
margin-top:8px;
max-width: 60%;
}
.catch-title2 {
font-size: 2.2rem;
margin-bottom: 10px;
}
.catch-title3 {
font-size: 1.7rem;
margin-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.catch-title {
font-size: 1.7rem;
margin-bottom: 10px;
}
.catch-title span {
font-size: 1.3rem;
margin-bottom: 10px;
padding:0.05em 0.2em;
margin-top:5px;
max-width: 80%;
}
}

.catch-sub p {
font-size: 1.8rem;
line-height:1.8;
margin-bottom:1.5em;
}
@media screen and (max-width: 1024px) {
.catch-sub p {
font-size: 1.5rem;
line-height:1.5;
margin-bottom:1.2em;
}
}
@media screen and (max-width: 768px) {
.catch-sub p {
font-size: 1.4rem;
line-height:1.5;
margin-bottom:1.2em;
}
}

.text-center {
text-align: center;
}
.text-right_sp-left {
text-align: right;
}
@media screen and (max-width: 768px) {
.text-center_sp-left {
text-align: left;
}
.text-right_sp-left {
text-align: left;
}
.text-sp-center {
text-align: center;
}
}

.col__pc2-sp1_m0 li {
width:50%;
float:left;
margin-right:0;
}
@media screen and (max-width: 768px) {
.col__pc2-sp1_m0 li {
width:100%;
float:none;
margin-right:0;
}
}

.col__pc2-sp1_m2p li {
width:49%;
float:left;
margin-right:2%;
margin-bottom:3%;
}
.col__pc2-sp1_m2p li:nth-child(2n) {
margin-right:0;
margin-bottom:0;
}
@media screen and (max-width: 768px) {
.col__pc2-sp1_m2p li {
width:100%;
float:none;
margin-right:0;
}
}

.col__pc2-sp2_m2p li {
width:49%;
float:left;
margin-right:2%;
margin-bottom:1%;
}
.col__pc2-sp2_m2p li:nth-child(2n) {
margin-right:0;
margin-bottom:0;
}


.col__pc2-sp1_m5p li {
width:47.5%;
float:left;
margin-right:5%;
}
.col__pc2-sp1_m5p li:nth-child(2n) {
margin-right:0;
margin-bottom:0;
}
@media screen and (max-width: 768px) {
.col__pc2-sp1_m5p li {
width:100%;
float:none;
margin-right:0;
}
}

.col__pc2_4352-sp1_m5p li {
width:43%;
float:left;
margin-right:5%;
}
.col__pc2_4352-sp1_m5p li:nth-child(2n) {
width:52%;
margin-right:0;
margin-bottom:0;
}
@media screen and (max-width: 768px) {
.col__pc2_4352-sp1_m5p li {
width:100%;
float:none;
margin-right:0;
}
.col__pc2_4352-sp1_m5p li:nth-child(2n) {
width:100%;
margin-right:0;
margin-top:20px;
}
}

.col__pc2_7030-sp1_m5p li {
width:64%;
float:left;
margin-right:5%;
}
.col__pc2_7030-sp1_m5p li:nth-child(2n) {
width:31%;
margin-right:0;
margin-bottom:0;
}
@media screen and (max-width: 768px) {
.col__pc2_7030-sp1_m5p li {
width:100%;
float:none;
margin-right:0;
}
.col__pc2_7030-sp1_m5p li:nth-child(2n) {
width:100%;
margin-right:0;
margin-top:20px;
}
}

.col__pc3-sp2_m4p li {
width:30.66%;
float:left;
margin-right:4%;
}
.col__pc3-sp2_m4p li:nth-child(3n) {
margin-right:0%;
}
@media screen and (max-width: 768px) {
.col__pc3-sp2_m4p li {
width:48%;
float:left;
margin-right:4%;
}
.col__pc3-sp2_m4p li:nth-child(3n) {
margin-right:4%;
}
.col__pc3-sp2_m4p li:nth-child(2n) {
margin-right:0%;
}
}

.col__pc3-sp2_m2p li {
width:32%;
float:left;
margin-right:2%;
}
.col__pc3-sp2_m2p li:nth-child(3n) {
margin-right:2%;
}
@media screen and (max-width: 768px) {
.col__pc3-sp2_m2p li {
width:49%;
float:left;
margin-right:2%;
}
.col__pc3-sp2_m2p li:nth-child(3n) {
margin-right:2%;
}
.col__pc3-sp2_m2p li:nth-child(2n) {
margin-right:0%;
}
}


.col__pc4-sp2_m2p li {
width:23%;
float:left;
margin-right:2%;
}
.col__pc4-sp2_m2p li:nth-child(3n) {
margin-right:2%;
}
@media screen and (max-width: 768px) {
.col__pc4-sp2_m2p li {
width:49%;
float:left;
margin-right:2%;
}
.col__pc4-sp2_m2p li:nth-child(3n) {
margin-right:2%;
}
.col__pc4-sp2_m2p li:nth-child(2n) {
margin-right:0%;
}
}