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

* page.css

*********************************************************************
*/
/*============================
#wrap__Inner.i_Cp
============================*/
#wrap__Inner.i_Cp {
	max-width: 100%;
	min-width: auto;
	padding: 0;
	position: relative;
}
#wrap__Inner.i_Cp > div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
#wrap__Inner.i_Cp figure {
	margin: 0;
}
#wrap__Inner.i_Cp img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

#InCont.CSIP {background: #fff;color: #000;min-width: 1000px;}
@media screen and (max-width: 767px) {
#InCont.CSIP {min-width: auto;}

}
/*============================
.mvSect
============================*/

#InCont.CSIP .mvSect {border-bottom: 5px solid #339D9E;}
#InCont.CSIP .mvSect .sectImgBlock {display: flex;width: 100%;justify-content: center;}
#InCont.CSIP .mvSect .sectImgBlock .mvImg01 {width: 100%;flex: 1 1 auto;}
#InCont.CSIP .mvSect .sectImgBlock .mvImg02 {width: 100%;flex: 1 1 auto;}
#InCont.CSIP .mvSect .sectMain {display: flex;justify-content: center;}
#InCont.CSIP .mvSect .sectMain .sectTit {width: 100%;flex: 1 1 auto;}
#InCont.CSIP .mvSect .sectMain .dayImg {width: 100%;flex: 1 1 auto;}

@media screen and (max-width: 767px) {
	
#InCont.CSIP .mvSect {}
#InCont.CSIP .mvSect .sectImgBlock {
    flex-direction: column;
}
#InCont.CSIP .mvSect .sectImgBlock .mvImg01 {}
#InCont.CSIP .mvSect .sectImgBlock .mvImg02 {}
#InCont.CSIP .mvSect .sectMain {
    flex-direction: column;
    padding-top: 1rem;
}
#InCont.CSIP .mvSect .sectMain .sectTit {}
#InCont.CSIP .mvSect .sectMain .dayImg {}
}

/*============================
.leadTxtBlock
============================*/
#InCont.CSIP .leadTxtBlock {margin: 3rem 0;padding: 0 1rem;}
#InCont.CSIP .leadTxtBlock .leadTxt {max-width: 1000px;font-size: 1.125rem;line-height: 2.25;margin: 1.5rem auto;}

@media screen and (max-width: 767px) {

#InCont.CSIP .leadTxtBlock {
    margin: 2rem 0;
    padding: 0 10px;
}
#InCont.CSIP .leadTxtBlock .leadTxt {
    font-size: 1rem;
}
	
}

/*============================
#sec01
============================*/
#InCont.CSIP #sec01 {background: #F5F5F5;padding: 3.125rem 1rem 4.375rem;}
#InCont.CSIP .inner {max-width: 1200px;margin: 0 auto;}
#InCont.CSIP #sec01 .sectTit,
#InCont.CSIP #sec02 .sectTit,
#InCont.CSIP #sec03 .sectTit {display: flex;justify-content: center;flex-direction: column;align-items: center;position: relative;margin-bottom: 2.625rem;font-size: 30px;}
#InCont.CSIP #sec01 .sectTit:after,
#InCont.CSIP #sec02 .sectTit:after,
#InCont.CSIP #sec03 .sectTit:after {content:"";width: 3.125rem;height: 0.313rem;background: #339D9E;display: block;}
#InCont.CSIP #sec01 .inner .sectList {
}
#InCont.CSIP #sec01 .inner .sectList .listMain {display: flex;background: #fff;align-items: center;margin-top: 2.5rem;}
#InCont.CSIP #sec01 .inner .sectList .listMain .listImg {flex: 0 0 auto;}
#InCont.CSIP #sec01 .inner .sectList .listMain .mainBlock {padding: 1.5rem 2.813rem 1.5rem 2.5rem;}
#InCont.CSIP #sec01 .inner .sectList .listMain .mainBlock .listTit {color: #339D9E;font-size: 1.5rem;margin-bottom: 0rem;}
#InCont.CSIP #sec01 .inner .sectList .listMain .mainBlock .listTxt {font-size: 1.125rem;line-height: 2.25;}

#InCont.CSIP #sec01 .inner .sectList .listMain02 {display: block;background: #fff;align-items: center;margin-top: 2.5rem;}
#InCont.CSIP #sec01 .inner .sectList .listMain02 .listImg {flex: 0 0 auto;}
#InCont.CSIP #sec01 .inner .sectList .listMain02 .mainBlock {padding: 1.5rem 2.813rem 1.5rem 2.5rem;}
#InCont.CSIP #sec01 .inner .sectList .listMain02 .mainBlock .listTit {color: #339D9E;font-size: 1.5rem;margin-bottom: 1.563rem;text-align: center;}
#InCont.CSIP #sec01 .inner .sectList .listMain02 .mainBlock .listTxt {font-size: 1.125rem;line-height: 2.25;}
#InCont.CSIP #sec01 .inner .sectList .listMain02 figure {padding: 20px;}

h4 {
  padding: .5em .7em;
  border-left: 5px solid #339D9E;
  color: #333333;
  background: #ddd;
  font-size: 24px;
  margin-top: 40px;
}

h5{
  position: relative;
  display: inline-block;
  padding: 0.5em 1em 0.5em 2.5em;
  border-radius: 2rem 4px 4px 2rem;
  background-color: #339D9E;
  color: #ffffff;
  font-size: 20px;
  margin-top: 40px;
}

h5::before {
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {

#InCont.CSIP #sec01 {}
#InCont.CSIP .inner {}
#InCont.CSIP #sec01 .sectTit,
#InCont.CSIP #sec02 .sectTit,
#InCont.CSIP #sec03 .sectTit {}
#InCont.CSIP #sec01 .sectTit:after,
#InCont.CSIP #sec02 .sectTit:after,
#InCont.CSIP #sec03 .sectTit:after {}
#InCont.CSIP #sec01 .inner .sectList {padding: 0 10px;}
#InCont.CSIP #sec01 .inner .sectList .listMain {
    flex-direction: column;
    padding-top: 1.5rem;
}
#InCont.CSIP #sec01 .inner .sectList .listMain .listImg {
    flex: 1 1 auto;
}
#InCont.CSIP #sec01 .inner .sectList .listMain .mainBlock {
    padding: 1.5rem;
}
#InCont.CSIP #sec01 .inner .sectList .listMain .mainBlock .listTit {
    font-size: 1.25rem;
}
#InCont.CSIP #sec01 .inner .sectList .listMain .mainBlock .listTxt {
    font-size: 1rem;
}
	
}

/*============================
#sec02
============================*/
#InCont.CSIP #sec02 {padding: 3.313rem 1rem 0;}
#InCont.CSIP #sec02 .inner {}
#InCont.CSIP #sec02 .inner .sectTit {
}
#InCont.CSIP #sec02 .inner .sectList {max-width: 51.313rem;margin: 0 auto;}
#InCont.CSIP #sec02 .inner .sectList .lists {border-bottom: 1px solid #DBDBDB;padding: 1rem 5.375rem 1rem;}
#InCont.CSIP #sec02 .inner .sectList .lists:first-child {border-top: 1px solid #DBDBDB;}
#InCont.CSIP #sec02 .inner .sectList .lists .inList {display: flex;font-size: 1.125rem;line-height: 2.25;width: 100%;}
#InCont.CSIP #sec02 .inner .sectList .lists .inList .listTit {font-weight: 600;}
#InCont.CSIP #sec02 .inner .sectList .lists .inList .listCont {margin-left: 1.875rem;}

@media screen and (max-width: 767px) {

#InCont.CSIP #sec02 {}
#InCont.CSIP #sec02 .inner {}
#InCont.CSIP #sec02 .inner .sectTit {
}
#InCont.CSIP #sec02 .inner .sectList {}
#InCont.CSIP #sec02 .inner .sectList .lists {
    padding: 1rem 1rem;
}
#InCont.CSIP #sec02 .inner .sectList .lists:first-child {}
#InCont.CSIP #sec02 .inner .sectList .lists .inList {
    font-size: 1rem;
}
#InCont.CSIP #sec02 .inner .sectList .lists .inList .listTit {
    flex: 0 0 auto;
}
#InCont.CSIP #sec02 .inner .sectList .lists .inList .listCont {
}
	
}

/*============================
#sec03
============================*/
#InCont.CSIP #sec03 {padding: 5.25rem 1rem 6.25rem;}
#InCont.CSIP #sec03 .sectTit {
}
#InCont.CSIP #sec03 .mapImg {max-width: 37rem;margin: 0 auto;}

@media screen and (max-width: 767px) {

#InCont.CSIP #sec03 {}
#InCont.CSIP #sec03 .sectTit {
}
#InCont.CSIP #sec03 .mapImg {
    padding: 0 10px;
}
	
}

.url{
    text-align: right;
}

@media screen and (max-width: 767px) {

    .url {
        text-align: left;
        text-indent: -1em;
        padding-left: 1em;
    }
        
    }

.smTxt{
    font-size: 12px;
}