img{ border:none; vertical-align:bottom; image-rendering: -webkit-optimize-contrast;}
.clear{ clear:both; height:0;}
.center{ text-align:center;}
ul{ list-style:none; margin:0; padding:0;}
p{ margin:0;}
html{ overflow: auto;}
body{ min-width: 1200px; overflow: hidden; margin:0 auto; padding:0; font-family: "Noto Sans Japanese"; text-transform: none !important;}
a img:hover{ opacity:0.7; filter:alpha(opacity=70); transition: all .5s; outline: none;}

/* IE8+, Chrome */
a{ outline: 0;}

/* Firefox */
a::-moz-focus-inner,
a::-moz-focus-inner { border: 0;}

#container{ width: 100%; min-width: 1200px; margin: 0 auto; color: #243069; font-size: 16px;}

/*--- top pages ---*/
#mainArea{ width: 100%; padding-top: 120px;}
#mainArea img{ width: 100%;}

#topContents{ width: 100%;}
#topContents h2 img{ width: 240px;}
#topContents h2 span{ font-size: 24px; display: block; margin-top: 10px;}
#topContents .inner{ width: 1000px; margin: 0 auto;}
#topContents p{ line-height: 200%;}

#topContents a.btnBL{ width: 380px; height: 70px; line-height: 65px; background: #E50039; border: #E50039 solid 2px; display: block; text-align: center; text-decoration: none; margin: 0 auto; font-size: 20px; position: relative; color: #FFF; transition: all .5s; box-sizing: border-box;}
#topContents a.btnBL::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-top: -5px;}
#topContents a.btnBL:hover{ background: transparent; color: #E50039; transition: all .5s;}
#topContents a.btnBL:hover::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #E50039; border-right: 2px solid #E50039; transform: rotate(45deg); margin-top: -5px;}

#topContents a.btnWt{ width: 380px; height: 70px; line-height: 65px; background: #ff9d00; border: #ff9d00 solid 2px; display: block; text-align: center; text-decoration: none; margin: 0 auto; font-size: 20px; position: relative; color: #FFF; transition: all .5s; box-sizing: border-box;}
#topContents a.btnWt::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-top: -5px;}
#topContents a.btnWt:hover{ background: transparent; color: #ff9d00; transition: all .5s;}
#topContents a.btnWt:hover::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #ff9d00; border-right: 2px solid #ff9d00; transform: rotate(45deg); margin-top: -5px;}

#topContents a.btnGr{ width: 380px; height: 70px; line-height: 65px; background: #57D847; border: #57d847 solid 2px; display: block; text-align: center; text-decoration: none; margin: 0 auto; font-size: 20px; position: relative; color: #FFF; transition: all .5s; box-sizing: border-box;}
#topContents a.btnGr::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-top: -5px;}
#topContents a.btnGr:hover{ background: transparent; color: #57d847; transition: all .5s;}
#topContents a.btnGr:hover::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #57d847; border-right: 2px solid #57d847; transform: rotate(45deg); margin-top: -5px;}

#newsBg{ width: 100%; background: #FFF4DC; padding: 80px 0;}
#news{ width: 1000px; margin: 0 auto; font-size: 14px;}
#news h2 span{ font-size: 24px; display: block; margin-top: 10px; color: #243069;}
#news .newsArea table{ width: 100%; margin-bottom: 40px; border-top: solid 1px #243069; border-collapse:collapse; box-sizing: border-box; color: #243069;}
#news .newsArea th{ width: 176px; font-weight: normal; text-align: left; padding: 26px 0 28px 10px; border-bottom: solid 1px #243069;}
#topContents h2{ margin: 0 0 40px; font-weight: normal; text-align: center;}
#news .newsArea td{ padding: 26px 0 28px; border-bottom: solid 1px #243069;}
#news .newsArea a{ color:#243069; text-decoration: none;}
#news .newsArea a:hover{ text-decoration: underline;}

#philosophy{ width: 100%; padding: 70px 0 167px; background: url("../img/common/bg-town.png") repeat-x center bottom 0px , url("../img/common/bg-dots.gif") repeat; text-align: center; position: relative;}
#philosophy h2.philosophy{ font-size: 30px; color: #243069; font-weight: bold; line-height: 200%; background: linear-gradient(transparent 70%, #FAE27E 0%); display: inline; padding-bottom: 2px; z-index: 10; position: relative;}
#philosophy p.lead{ font-size: 18px; line-height: 200%; margin: 40px 0;}
#philosophy .lCloud{ position: absolute; top: 0; left: -100px;}
#philosophy .rCloud{ position: absolute; top: 0; right: -100px;}

#activities{  width: 100%; padding: 80px 0; text-align: center;}
#activities .slider{ margin: 30px 0 80px;}
#activities .slider li{ width: 20%; margin: 0 15px; box-sizing: border-box;}
#activities .slider li img{ width: 100%;}

/* seccond contents */
#secContents{ width: 100%;}

#secImage{ width: 100%; height: 95px; padding: 150px 0 172px; background: url("../img/common/bg-town.png") repeat-x center bottom 20px , url("../img/common/bg-dots.gif") repeat; box-sizing: border-box;}
#secImage h2{ text-align: center; font-size: 28px; font-weight: normal; margin: 0; /*text-shadow:3px 3px 3px #000;*/}
#secContents h3{ margin: 0 0 70px; font-weight: normal; text-align: center;}
#secContents h3 img{ width: 310px;}
#secContents h3 span{ font-size: 24px; display: block; margin-top: 10px;}
#secContents .pankuzu{ width: 100%; margin: 0 auto 80px; font-size: 12px; background: #FFF4DC; padding: 15px 0;}
#secContents .pankuzu p{ width: 1000px; margin: 0 auto;}
#secContents .pankuzu a{ color: #243069; text-decoration: none;}
#secContents .pankuzu a:hover{ text-decoration: underline;}

#secContents .bgGray{ width: 100%; background: #ECECEC; padding: 80px 0;}
#secContents .secInner{ width: 1000px; margin: 0 auto; font-size: 16px;}
#secContents .secInner.pb80{ padding-bottom: 80px;}
#secContents .secInner p{ line-height: 180%;}
#secContents .secInner p.mt30{ margin-top: 30px;}

/* news page */
#secContents #news .newsArea table{ width: 100%; margin-bottom: 80px; border-top: solid 1px #7d84a6; border-collapse:collapse; box-sizing: border-box; color: #243069;}
#secContents #news .newsArea th{ width: 176px; font-weight: normal; text-align: left; padding: 26px 0 28px 10px; border-bottom: solid 1px #7d84a6;}
#secContents #news .newsArea td{ padding: 26px 0 28px; border-bottom: solid 1px #7d84a6;}
#secContents #news .newsArea a{ color:#243069; text-decoration: none;}
#secContents #news .newsArea a:hover{ text-decoration: underline;}

#secContents #news .newsWrap{ width: 1000px; margin: 0 auto 80px; font-size: 16px; line-height: 1.8em;}
#secContents #news .newsWrap h4{ color: #243069; text-align: left; font-size: 20px; margin: 0 0 30px; line-height: 180%; border-bottom: #243069 solid 1px;}
#secContents #news .kWrap{ border: #243069 solid 1px; padding: 30px;}
#secContents #news .kWrap a{ text-decoration: underline;}
#secContents #news .kWrap a:hover{ text-decoration: none;}
#secContents #news .newsWrap .oneImg{ width: 1000px; margin: 0 auto;}
#secContents #news .newsWrap .twoImg{ width: 1000px; margin: 0 auto;}
#secContents #news .newsWrap .twoImg ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top;}
#secContents #news .newsWrap .twoImg li{ width: 475px;}
#secContents #news .newsWrap .twoImg li img{ width: 475px}
#secContents #news .newsWrap .mb50{ margin-bottom: 50px;}

/* philosophy */
.svWrap{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 80px;}
.svWrap_rev{ flex-direction: row-reverse; margin-bottom: 80px;}
.svImg{ width: 320px; z-index: 10;}
.svImg img{ width: 320px;}
.svImg p{ margin-top: 20px; line-height: 2.4em !important;}
.svImg p span{ font-size: 20px;}
.svTxt{ width: 900px; padding: 40px 40px 50px; box-sizing: border-box; margin-top: -408px;}
.svTxt.dot{ background: url("../img/common/bgPhiro-dots.gif") repeat; margin-left: 100px;}
.svTxtArea{ width: 600px;}
.svTxtArea p .f14{ font-size: 14px;}
.svTxt.dot .svTxtArea{ margin-left: 220px;}
.svTxt h5{ margin: 0; font-size: 22px; position: relative; text-align: center;}
.svTxt h5::after{ background: #243069; content: ''; display: block; height: 1px; margin: 15px auto 30px; width: 50px}
.svTxt p{ line-height: 2em;}

/* officers */
#secContents .officers{ margin-bottom: 80px;}
.officers ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.officers li{ width: 440px; padding-bottom: 70px; margin-bottom: 70px; border-bottom: #7E84A6 solid 1px;}
.officers li:nth-child(7),
.officers li:nth-child(8){ margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.officers li .phoArea{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; flex-direction: row-reverse; background: #FFF4DC; margin-bottom: 50px;}
.officers li .phoArea img{ width: 260px;}
.officers li .phoArea p{ width: 180px; font-size: 20px; box-sizing: border-box; padding-left: 15px;}
.officers li .phoArea p span{ display: block; font-size: 16px;}

/* activities */
.bgActivities{ width: 100%; background: #FFF4DC; padding: 80px 0;}
.activities{ width: 1000px; margin: 0 auto;}
.activities h4{ text-align: center; font-size: 26px; margin: 0 0 30px; font-weight: normal;}
.activities h5{ text-align: center; font-size: 22px; margin: 0 0 50px; font-weight: normal; display: flex; align-items: center;}
.activities h5:before,
.activities h5:after{content: ""; height: 1px; flex-grow: 1; background-color: #7E84A6;}
.activities h5:before{ margin-right: 24px;}
.activities h5:after{ margin-left: 24px;}
.activities h6{ color: #243069; font-weight: bold; font-size: 20px; margin: 0 0 20px; background: linear-gradient(transparent 70%, #FAE27E 0%); display: inline-block; padding-bottom: 2px;}
.activities p{ line-height: 1.8em;}
.activities .mb80{ margin-bottom: 80px;}
.activities .mb30{ margin-bottom: 30px;}
.activities .acImg{ text-align: center;}

.arArea{ width: 1000px; margin: 80px auto;}
.arArea h4{ text-align: center; font-size: 26px; margin: 0 0 30px; font-weight: normal;}
.arArea .spSlide{ display: none;}
.arArea table{ width: 100%; border-top: solid 1px #7C84A8; border-collapse: collapse; box-sizing: border-box;}
.arArea table tr{ border-bottom: solid 1px #7C84A8;}
.arArea th{ width: 150px; font-weight: bold; text-align: right; padding: 31px 70px 33px 0; vertical-align: top;}
.arArea td{ padding: 31px 0 33px 0; vertical-align: top;}

/* join */
#secContents .join{ width: 1000px; margin: 0 auto; border-top: #7C84A8 solid 1px;}
.joinWrap{ border-bottom: #7C84A8 solid 1px; padding: 50px 0;}
.joinWrap:last-child{ border-bottom: none; padding: 50px 0 0; margin-bottom: 80px;}
.joinWrap h4{ color: #243069; font-weight: bold; font-size: 20px; margin: 0 0 20px; background: linear-gradient(transparent 70%, #FAE27E 0%); display: inline-block; padding-bottom: 2px;}
.joinWrap p{ line-height: 1.8em;}
.joinWrap p.mb30{ margin-bottom: 30px;}
.joinWrap a{ color: #243069; text-decoration: underline; font-weight: bold;}
.joinWrap a:hover{ text-decoration: none;}
.joinTable{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.jtWrap{ width: 480px; margin: 0 0 30px;}
.jtWrap table{ width: 100%; font-size: 17px; border-top: #7C84A9 solid 2px; border-collapse: collapse; box-sizing: border-box;}
.jtWrap table th{ width: 190px; background: #FFF4DC; border-bottom: #7C84A9 solid 2px; padding: 10px;}
.jtWrap table td{ border-bottom: #7C84A9 solid 2px; padding: 10px;}
.jtWrap table td.tdR{ text-align: right;}
.jtWrap table tr.boD td{ border-bottom: #BFC2D3 solid 2px;}

/* members */
.bgMem{ width: 100%; background: #FFF4DC; padding: 80px 0;}
.memWrap{ width: 1000px; margin: 0 auto;}
.memWrap h4{ text-align: center; font-size: 22px; margin: 0 0 50px; font-weight: normal; display: flex; align-items: center;}
.memWrap h4:before,
.memWrap h4:after{content: ""; height: 1px; flex-grow: 1; background-color: #7E84A6;}
.memWrap h4:before{ margin-right: 24px;}
.memWrap h4:after{ margin-left: 24px;}
.bnrArea ul{ display: flex; flex-wrap: wrap; justify-content: left; align-items: top;}
.bnrArea li{ width: 300px; text-align: center; margin-right: 50px; /*margin-bottom: 50px;*/}
.bnrArea li a{ display: block;}
.bnrArea li a img{ width: 300px; margin-bottom: 10px;}
.bnrArea p{ line-height: 1.8em;}

.bgWhMem{ width: 100%; padding: 80px 0;}
.memWhWrap{ width: 1000px; margin: 0 auto;}
.memWhWrap h4{ text-align: center; font-size: 22px; margin: 0 0 50px; font-weight: normal; display: flex; align-items: center;}
.memWhWrap h4:before,
.memWhWrap h4:after{content: ""; height: 1px; flex-grow: 1; background-color: #7E84A6;}
.memWhWrap h4:before{ margin-right: 24px;}
.memWhWrap h4:after{ margin-left: 24px;}

.gmap{ margin-bottom: 80px;}
.gmap iframe{ width: 1000px; height: 500px; margin: 0 auto;}

/* privacy */
#secContents .secInner ol{ margin: 50px 0 0;}
#secContents .secInner ol li{ font-size: 16px; margin: 0 0 20px; color: #243069;}
#secContents .secInner ol li:last-of-type{ margin: 0;}
#secContents .secInner ol li p{ font-size: 14px; margin-top: 5px; color: #333;}

/* contact */
#secContents .secInner p.number{ margin: 20px 0 80px; padding-bottom: 80px; text-align: center; border-bottom: #243069 solid 1px;}
#secContents .secInner p.number img{ width: 300px;}

#secContents .secInner p.recTel{ width: 480px; margin: 0 auto 80px;}
#secContents .secInner p.recTel img{ width: 480px;}

#secContents .secInner h4{ color: #243069; text-align: center; font-size: 22px; margin: 0 0 30px;}
#secContents .secInner .formTxt{ margin: 0 0 30px; font-size: 14px;}
#secContents .secInner .formTxt li{ margin-bottom: 8px; position: relative; padding-left: 20px;}
#secContents .secInner .formTxt li::before{ background: #ff9d00; border-radius: 50%; content: ""; position: absolute; top: 4px; left: 0; width: 14px; height: 14px;}
#secContents .secInner .formTxt li:last-child{ margin-bottom: 0;}
#secContents .secInner p.rLink{ text-align: right; margin: 0 2px 5px;}
#secContents .secInner p.rLink a{ color: #243069; text-decoration: none;}
#secContents .secInner p.rLink a:hover{ text-decoration: underline;}
#secContents .secInner .formArea p{ margin-bottom: 40px;}
#secContents .secInner .formArea p:last-of-type{ margin-bottom: 0;}
#secContents .secInner .formArea p.formCau{ width: 1000px; background: #FEF0E7; text-align: center; padding: 30px 0;}
#secContents .secInner .formArea table{ width: 100%; margin-bottom: 40px; border-top: #7d84a6 solid 1px; box-sizing: border-box;}
#secContents .secInner .formArea th{ width: 280px; padding: 30px 0 28px 10px; font-weight: normal; text-align: left; border-bottom: #7d84a6 solid 1px; position: relative;}
#secContents .secInner .formArea th span{ width: 32px; color: #FFF; background: #ff9d00; padding: 0 5px 2px 5px; margin-right: 12px; display: block; position: absolute; top: 37px; right: 0;}
#secContents .secInner .formArea td{ padding: 30px 0 28px; border-bottom: #7d84a6 solid 1px;}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height: 30px;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    background: #F5F5F5;
	border: #F5F5F5 solid 1px;
	border-radius: 5px;
	font-family: "Noto Sans Japanese";
}
select::-ms-expand {
    display: none;
}
.selectWrap{
    position: relative;
    display: inline-block;
}
.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: #FFF;
    height: 100%;
    width: 30px;
}
.selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    background: #F5F5F5;
	border-radius: 5px;
}
input[type="text"],
.input textarea {
	outline: none;
	background: #F5F5F5;
	border: #F5F5F5 solid 1px;
	border-radius: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 10px;
	font-family: "Noto Sans Japanese";
}
.input input[type="text"]:focus,
.input textarea:focus {
	box-shadow: 0 0 7px #ff9d00;
	border: 1px solid #ff9d00;
}
textarea {
  resize: vertical;
}
input[type="submit"] {
  display: block;
  width: 375px;
  height: 70px;
  padding: 0;
  margin: 40px auto 0;
  background: #FFF;
  color: #ff9d00;
  border: #ff9d00 solid 2px;
  font-size: 20px;
  cursor: pointer;
  outline: none;
  font-family: "Noto Sans Japanese";
  transition: all .5s;
}
input[type="button"] {
  display: inline-block;
  width: 170px;
  height: 26px;
  padding: 0;
  margin: 0 0 0 10px;
  background: #ff9d00;
  border: none;
  color: #FFF;
  font-size: 14px;
  cursor: pointer;
  outline: none;
  font-family: "Noto Sans Japanese";
}
input[type="submit"]:hover,
input[type="button"]:hover {
  background: #ff9d00;
  color: #FFF;
  transition: all .5s;
}
input[type="submit"]:active,
input[type="button"]:active {
  background: #FFF;
}

label.radio {
	margin: 0 15px 8px 0;
	display: inline-block;
	white-space: nowrap;
	padding: 7px 0 0 3px;
}
input[type="radio"] {
	width: 20px;
	height: 20px;
	margin: 3px 0 5px 15px;
	vertical-align: top;
}

.thanks_info{ border: #E7443D solid 1px; padding: 20px; margin: 60px 0 0;}
.thanks_info p{ padding: 0; margin: 15px 0 0; line-height: 180%;}
.thanks_info p.ttl{ font-size: 16px; font-weight: bold; margin: 0;}
.thanks_info p span.red{ color: #E7443D;}

#page-top{ margin: 0; padding: 0; display: none; position: fixed; right: 2%; bottom: 48px; z-index: 100;}
#page-top #move-page-top{ width: 50px; display: block; cursor: pointer;}
#page-top #move-page-top img{ width: 50px;}

footer{ width: 100%; background: #FFF4DC;}
footer .footAdd{ width: 1000px; margin: 0 auto; padding: 50px 0; text-align: center;}
footer .footAdd .logo{ margin-bottom: 15px;}
footer .footAdd .logo img{ width: 280px; margin-top: 10px;}
footer .footAdd .address p.name{ font-size: 14px; margin-bottom: 30px; line-height: 180%; color: #333;}
footer .footAdd .address p.tel{ color:#0080c7; font-size: 20px; margin-bottom: 10px;}
footer .footAdd .address p.tel a{ display: block; text-decoration: none;}
footer .footAdd .address p.tel a img{ width: 220px;}
footer .footAdd .address .btnWeb{ width: 234px; margin: 0 auto 15px;}
footer .footAdd .address .btnWeb img{ width: 234px;}

footer .footLink{ width: 100%; background: #24306A; padding: 25px 0;}
footer .footLink ul{ width: 1000px; margin: 0 auto; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
footer .footLink li{ font-size: 14px;}
footer .footLink li a{ position: relative; color: #FFF; text-decoration: none;}
footer .footLink li a::before{ content:""; display:inline-block; width: 1px; height: 20px; background: #FFF; position: absolute; top: 50%; transform: translateY(-50%); left: -33px;}
footer .footLink li.nob a::after{ content:""; display:inline-block; width: 1px; height: 20px; background: #FFF; position: absolute; top: 50%; transform: translateY(-50%); right: -33px;}
footer .footLink li a:hover{ text-decoration: underline;}
footer .copy{ background: #FF9C00; text-align: center; font-size: 12px; padding: 10px 0; color: #FFF;}

.ml16{ margin-left: 16px;}
.mb25{ margin-bottom: 25px;}
.mb35{ margin-bottom: 35px;}
.fs12{ font-size: 12px;}
.fs14{ font-size: 14px;}

.pc{ display:inline !important;}
.sp{ display:none !important;}


@media screen and (max-width: 767px){
html {-webkit-text-size-adjust: 100%; margin:0 auto; padding:0;}
body{ min-width: 100%; margin:0 auto; font-family: "Noto Sans Japanese";}
img{ width:100%; height:auto; vertical-align:bottom; -webkit-backface-visibility: hidden;}
a img:hover{ opacity:1; filter:alpha(opacity=100); transition: all 0;}
.clear{ clear:both; height:0;}
.center{ text-align:center;}
ul{ list-style:none; margin:0; padding:0;}
p{ margin:0;}
	
#container{ width: 100%; min-width: 100%; margin: 0 auto; color: #243069; font-size: 14px;}
	
/*--- top pages ---*/
#mainArea{ width: 100%; padding-top: 60px;}
#mainArea img{ width: 100%;}
	
#topContents{ width: 100%;}
#topContents h2{ width: 75%; margin: 0 auto 5%; font-weight: normal; text-align: center;}
#topContents h2 img{ width: 60%;}
#topContents h2 span{ font-size: 16px; display: block; margin-top: 1%;}
#topContents .inner{ width: auto; margin: 0 auto;}
#topContents p{ line-height: 160%;}

#topContents a.btnBL{ width: 200px; height: 50px; line-height: 45px; background: #E50039; border: #E50039 solid 2px; display: block; text-align: center; text-decoration: none; margin: 0 auto; font-size: 15px; position: relative; color: #FFF; transition: all .5s; box-sizing: border-box;}
#topContents a.btnBL::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-top: -5px;}
#topContents a.btnBL:hover{ background: transparent; color: #E50039; transition: all .5s;}
#topContents a.btnBL:hover::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #E50039; border-right: 2px solid #E50039; transform: rotate(45deg); margin-top: -5px;}

#topContents a.btnWt{ width: 200px; height: 50px; line-height: 45px; background: #ff9d00; border: #ff9d00 solid 2px; display: block; text-align: center; text-decoration: none; margin: 0 auto; font-size: 15px; position: relative; color: #FFF; transition: all .5s; box-sizing: border-box;}
#topContents a.btnWt::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-top: -5px;}
#topContents a.btnWt:hover{ background: transparent; color: #ff9d00; transition: all .5s;}
#topContents a.btnWt:hover::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #ff9d00; border-right: 2px solid #ff9d00; transform: rotate(45deg); margin-top: -5px;}
	
#topContents a.btnGr{ width: 200px; height: 50px; line-height: 45px; background: #57D847; border: #57D847 solid 2px; display: block; text-align: center; text-decoration: none; margin: 0 auto; font-size: 15px; position: relative; color: #FFF; transition: all .5s; box-sizing: border-box;}
#topContents a.btnGr::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-top: -5px;}
#topContents a.btnGr:hover{ background: transparent; color: #57D847; transition: all .5s;}
#topContents a.btnGr:hover::after{ content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #57D847; border-right: 2px solid #57D847; transform: rotate(45deg); margin-top: -5px;}

#newsBg{ width: 100%; background: #FFF4DC; padding: 6% 0 10%;}
#news{ width: auto; margin: 0 5%; font-size: 12px;}
#news h2 span{ display: block; color: #243069;}
#news .newsArea table{ width: 100%; margin-bottom: 8%; border-top: solid 1px #243069; border-collapse:collapse; box-sizing: border-box;}
#news .newsArea th{ width: 100%; font-weight: normal; text-align: left; padding: 5% 0 0 0; border-bottom: none; display: block;}
#news .newsArea td{ padding: 0 0 5%; border-bottom: solid 1px #243069; display: block;}
#news .newsArea a{ color:#243069; text-decoration: none;}
#news .newsArea a:hover{ text-decoration: none;}
	
#philosophy{ width: auto; padding: 10% 5% 25%; background: url("../img/common/bg-town.png") repeat-x center bottom 0px / 100%, url("../img/common/bg-dots.gif") repeat; text-align: center; position: relative;}
#philosophy h2.philosophy{ font-size: 18px; color:#243069; font-weight: bold; line-height: 180%; background: linear-gradient(transparent 70%, #FAE27E 0%); display: inline; padding-bottom: 2px;}
#philosophy p.lead{ font-size: 14px; line-height: 180%; margin: 8% 0; position: relative; z-index: 10;}
#philosophy .lCloud{ position: absolute; top: 0; left: -375px;}
#philosophy .rCloud{ position: absolute; top: 0; right: -375px;}
#philosophy .lCloud img,
#philosophy .rCloud img{ width: 50%;}

#activities{ width: auto; padding: 10% 5%; text-align: center;}
#activities p{ font-size: 14px; line-height: 2em;}
#activities .slider{ margin: 8% 0;}
#activities .slider li{ width: 20%; margin: 0 3px; box-sizing: border-box;}
#activities .slider li img{ width: 100%;}
	
/* seccond contents */
#secContents{ width: 100%; padding-top: 60px;}

#secImage{ width: 100%; height: auto; padding: 5% 5% 15%; background: url("../img/common/bg-town.png") repeat-x center bottom 10px / 100% , url("../img/common/bg-dots.gif") repeat; box-sizing: border-box;}
#secImage h2{ text-align: center; font-size: 16px; font-weight: normal; margin: 0;}
#secContents h3{ width: 60%; margin: 0 auto 10%; font-weight: normal; text-align: center;}
#secContents h3 img{ width: 100%;}
#secContents h3 span{ font-size: 16px; display: block; margin-top: 1%;}
#secContents .pankuzu{ width: auto; margin: 0 auto 10%; font-size: 2.5vw; background: #FFF4DC; padding: 10px 5%;}
#secContents .pankuzu p{ width: auto; margin: 0 auto;}
#secContents .pankuzu a{ color: #243069; text-decoration: none;}
#secContents .pankuzu a:hover{ text-decoration: underline;}	
	
#secContents .bgGray{ width: 100%; background: #ECECEC; padding: 10% 0;}
#secContents .secInner{ width: auto; margin: 0 5%; font-size: 14px;}
#secContents .secInner.pb80{ padding-bottom: 10%;}
#secContents .secInner p{ line-height: 170%;}
#secContents .secInner p.mt30{ margin-top: 10%;}
	
/* news */
#secContents #news .newsArea table{ width: 100%;  border-top: solid 1px #7d84a6; border-collapse:collapse;}
#secContents #news .newsArea th{ width: auto; font-weight: normal; text-align: left; padding: 16px 0 5px 0; display: block; border-bottom: none;}
#secContents #news .newsArea td{ padding: 0 0 20px;display: block; border-bottom: solid 1px #7d84a6;}
#secContents #news .newsArea a{ color: #243069; text-decoration: none;}
#secContents #news .newsArea a:hover{ color: #243069; text-decoration: underline;}
	
/* news page */
#secContents #news .newsWrap{ width: auto; margin: 0 auto 10%; font-size: 14px; line-height: 1.8em;}
#secContents #news .newsWrap h4{ color: #243069; text-align: left; font-size: 14px; margin: 0 0 30px; line-height: 180%; border-bottom: #243069 solid 1px;}
#secContents #news .kWrap{ border: #243069 solid 1px; padding: 5%;}
#secContents #news .kWrap a{ text-decoration: underline;}
#secContents #news .kWrap a:hover{ text-decoration: none;}
#secContents #news .newsWrap .oneImg{ width: auto; margin: 0 auto;}
#secContents #news .newsWrap .twoImg{ width: auto; margin: 0 auto;}
#secContents #news .newsWrap .twoImg ul{ display: block; flex-wrap: wrap; justify-content: space-between; align-items: top;}
#secContents #news .newsWrap .twoImg li{ width: auto; margin-bottom: 5%;}
#secContents #news .newsWrap .oneImg li img,
#secContents #news .newsWrap .twoImg li img{ width: 100%;}
#secContents #news .newsWrap .mb50{ margin-bottom: 5%;}
	
/* philosophy */
.svWrap{ display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 10%;}
.svWrap_rev{ flex-direction: row-reverse; margin-bottom: 10%;}
.svImg{ width: auto; z-index: 10; text-align: center; margin-bottom: 10%;}
.svImg img{ width: 60%; margin: 0 auto;}
.svImg p{ margin-top: 10px; line-height: 2em !important;}
.svImg p span{ font-size: 15px;}
.svTxt{ width: auto; padding: 5%; box-sizing: border-box; margin-top: 0;}
.svTxt.dot{ background: url("../img/common/bgPhiro-dots.gif") repeat; margin-left: 0;}
.svTxtArea{ width: auto;}
.svTxtArea p .f14{ font-size: 12px;}
.svTxt.dot .svTxtArea{ margin-left: 0;}
.svTxt h5{ margin: 0; font-size: 16px; position: relative; text-align: center;}
.svTxt h5::after{ background: #243069; content: ''; display: block; height: 1px; margin: 15px auto 30px; width: 50px;}
.svTxt p{ line-height: 1.8em;}
	
/* officers */
#secContents .officers{ margin-bottom: 10%;}
.officers ul{ display: block; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.officers li{ width: auto; padding-bottom: 9%; margin-bottom: 10%; border-bottom: #7E84A6 solid 1px;}
.officers li:nth-child(7){ padding-bottom: 9%; margin-bottom: 10%; border-bottom: #7E84A6 solid 1px;}
.officers li:nth-child(8){ margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.officers li .phoArea{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; flex-direction: row-reverse; background: #FFF4DC; margin-bottom: 5%;}
.officers li .phoArea img{ width: 50%;}
.officers li .phoArea p{ width: 50%; font-size: 20px; box-sizing: border-box; padding-left: 15px;}
.officers li .phoArea p span{ display: block; font-size: 16px;}
	
/* activities */
.bgActivities{ width: 100%; background: #FFF4DC; padding: 10% 5%; box-sizing: border-box;}
.activities{ width: auto; margin: 0 auto;}
.activities h4{ text-align: center; font-size: 16px; margin: 0 0 5%; font-weight: normal;}
.activities h5{ text-align: center; font-size: 15px; margin: 0 0 5%; font-weight: normal; display: flex; align-items: center;}
.activities h5:before,
.activities h5:after{content: ""; height: 1px; flex-grow: 1; background-color: #7E84A6;}
.activities h5:before{ margin-right: 24px;}
.activities h5:after{ margin-left: 24px;}
.activities h6{ color: #243069; font-weight: bold; font-size: 14px; margin: 0 0 20px; background: linear-gradient(transparent 70%, #FAE27E 0%); display: inline; padding-bottom: 2px;}
.activities p{ line-height: 1.8em;}
.activities .mb80{ margin: 5% 0 8%;}
.activities .mb30{ margin: 5% 0 5%;}
.activities .acImg{ text-align: center;}
	
/* members */
.bgMem{ width: 100%; background: #FFF4DC; padding: 10% 5%; box-sizing: border-box;}
.memWrap{ width: auto; margin: 0 auto;}
.memWrap h4{ text-align: center; font-size: 15px; margin: 0 0 5%; font-weight: normal; display: flex; align-items: center;}
.memWrap h4:before,
.memWrap h4:after{content: ""; height: 1px; flex-grow: 1; background-color: #7E84A6;}
.memWrap h4:before{ margin-right: 24px;}
.memWrap h4:after{ margin-left: 24px;}
.bnrArea ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.bnrArea li{ width: 48%; text-align: center; margin-right: 0; /*margin-bottom: 50px;*/}
.bnrArea li a{ display: block;}
.bnrArea li a img{ width: 100%; margin-bottom: 10px;}
.bnrArea p{ line-height: 1.8em;}

.bgWhMem{ width: 100%; padding: 10% 5%; box-sizing: border-box;}
.memWhWrap{ width: auto; margin: 0 auto;}
.memWhWrap h4{ text-align: center; font-size: 15px; margin: 0 0 5%; font-weight: normal; display: flex; align-items: center;}
.memWhWrap h4:before,
.memWhWrap h4:after{content: ""; height: 1px; flex-grow: 1; background-color: #7E84A6;}
.memWhWrap h4:before{ margin-right: 24px;}
.memWhWrap h4:after{ margin-left: 24px;}

.arArea{ width: auto; margin: 10% 5%;}
.arArea h4{ text-align: center; font-size: 16px; margin: 0 0 5%; font-weight: normal;}
.arArea .spSlide{ display: inherit; font-size: 12px; margin-bottom: 5px; text-align: right; color: #C10508;}
.arArea .scroll{ width: 100%; overflow-x: scroll;}
.arArea table{ width: 100%; min-width: 850px; border-top: solid 1px #7C84A8; border-collapse: collapse; box-sizing: border-box;}
.arArea table tr{ border-bottom: solid 1px #7C84A8;}
.arArea th{ width: 18%; font-weight: bold; text-align: right; padding: 3% 3% 3% 0; vertical-align: top;}
.arArea td{ padding: 3% 2% 3% 0; vertical-align: top;}

/* join */
#secContents .join{ width: auto; margin: 0 5%; border-top: #7C84A8 solid 1px;}
.joinWrap{ border-bottom: #7C84A8 solid 1px; padding: 8% 0;}
.joinWrap:last-child{ border-bottom: none; padding: 8% 0 0; margin-bottom: 10%;}
.joinWrap h4{ color: #243069; font-weight: bold; font-size: 14px; margin: 0 0 20px; background: linear-gradient(transparent 70%, #FAE27E 0%); display: inline; padding-bottom: 2px;}
.joinWrap p{ line-height: 1.6em; margin-top: 5%;}
.joinWrap p.mb30{ margin-bottom: 5%;}
.joinWrap a{ color: #243069; text-decoration: underline; font-weight: bold;}
.joinWrap a:hover{ text-decoration: none;}
.joinTable{ display: block; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.jtWrap{ width: auto; margin: 0 0 5%;}
.jtWrap table{ width: 100%; font-size: 12px; border-top: #7C84A9 solid 2px; border-collapse: collapse; box-sizing: border-box;}
.jtWrap table th{ width: 41%; background: #FFF4DC; border-bottom: #7C84A9 solid 2px; padding: 2% 1%;}
.jtWrap table td{ border-bottom: #7C84A9 solid 2px; padding: 3% 1%;}
.jtWrap table td.tdR{ text-align: right;}
.jtWrap table tr.boD td{ border-bottom: #BFC2D3 solid 2px;}

.gmap{ margin-bottom: 8%;}
.gmap iframe{ width: 100%; height: 100%; margin: 0 auto;}
    
/* privacy */
#secContents .secInner ol{ margin: 0; padding: 0 8%;}
#secContents .secInner ol li{ font-size: 14px; margin: 10% 0 0; color: #243069;}
#secContents .secInner ol li:last-of-type{ margin: 10% 0 0;}
#secContents .secInner ol li p{ font-size: 14px; margin-top: 1%; color: #333;}
	
/* contact */
#secContents .secInner p.number{ width: 70%; margin: 5% auto 10%; padding-bottom: 10%; text-align: center; border-bottom: #243069 solid 1px;}
#secContents .secInner p.number img{ width: 100%;}
#secContents .secInner p.recTel{ width: auto; margin: 0 auto 15%;}
#secContents .secInner p.recTel img{ width: 100%}
#secContents .secInner h4{ color: #243069; text-align: center; font-size: 18px; margin: 0 0 5%;}
#secContents .secInner .formTxt{ margin: 0 0 10%; font-size: 14px;}
#secContents .secInner .formTxt li{ margin-bottom: 8px; position: relative; padding-left: 15px;}
#secContents .secInner .formTxt li::before{ background: #ff9d00; border-radius: 50%; content: ""; position: absolute; top: 6px; left: 0; width: 10px; height: 10px;}
#secContents .secInner .formTxt li:last-child{ margin-bottom: 0;}
#secContents .secInner p.rLink{ text-align: right; margin: 0 0 5px;}
#secContents .secInner p.rLink a{ color: #243069; text-decoration: none;}
#secContents .secInner p.rLink a:hover{ text-decoration: underline;}
#secContents .secInner .formArea{ width: auto;}
#secContents .secInner .formArea p{ margin-bottom: 40px;}
#secContents .secInner .formArea p:last-of-type{ margin-bottom: 0;}
#secContents .secInner .formArea p.formCau{ width: auto; background: #FEF0E7; text-align: left; padding: 5%;}
#secContents .secInner .formArea table{ width: 100%; margin-bottom: 5%; border-top: #7d84a6 solid 1px; box-sizing: border-box; table-layout: fixed;}
#secContents .secInner .formArea th{ width: auto; display: block; padding: 3% 2% 0; font-weight: normal; text-align: left; border-bottom: none; position: relative;}
#secContents .secInner .formArea th span{ width: 28px; color: #FFF; background: #ff9d00; padding: 0 5px 2px 5px; margin-right: 10px; font-size: 12px; display: block; position: absolute; top: 10px; right: 0;}
#secContents .secInner .formArea td{ width: auto; display: block; padding: 2% 2% 3%; border-bottom: #7d84a6 solid 1px;}	
#secContents .secInner .formArea .formWidth{ max-width: 93.5% !important;}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height: 30px;
    position: relative;
    z-index: 1;
    padding: 0 10% 0 5%;
    background: #F5F5F5;
	border: #F5F5F5 solid 1px;
	font-family: "Noto Sans Japanese";
}
select::-ms-expand {
    display: none;
}
.selectWrap{
    position: relative;
    display: inline-block;
}
.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: #FFF;
    height: 100%;
    width: 30px;
}
.selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    background: #F5F5F5;
	border: #F5F5F5 solid 1px;
}
	
input[type="text"],
.input textarea {
	/*width:90% !important; margin-top: 3% !important;*/
	outline: none;
	background: #F5F5F5;
	border: #F5F5F5 solid 1px;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 3%;
	font-family: "Noto Sans Japanese";
}
.input input[type="text"]:focus,
.input textarea:focus {
	box-shadow: 0 0 7px #ff9d00;
	border: 1px solid #ff9d00;
}
textarea {
  resize: vertical;
}
input[type="submit"] {
  display: block;
  width: 80%;
  height: 50px;
  padding: 0;
  margin: 5% auto 0;
  background: #FFF;
  color: #ff9d00;
  border: #ff9d00 solid 2px;
  font-size: 16px;
  cursor: pointer;
  outline: none;
  font-family: "Noto Sans Japanese";
  transition: all .5s;
  -webkit-appearance: none;
  border-radius: 0;
}
input[type="button"] {
  display: inline-block;
  width: 120px;
  height: 30px;
  padding: 0;
  margin: 0 0 0 10px;
  background: #ff9d00;
  border: none;
  color: #FFF;
  font-size: 2.6vw;
  cursor: pointer;
  outline: none;
  font-family: "Noto Sans Japanese";
}
input[type="submit"]:hover,
input[type="button"]:hover {
  background: #ff9d00;
  color: #FFF;
  transition: all .5s;
}
input[type="submit"]:active,
input[type="button"]:active {
  background: #FFF;
}

label.radio {
	margin: 0 15px 8px 0;
	display: inline-block;
	white-space: nowrap;
	padding: 7px 0 0 0;
}
input[type="radio"] {
	width: 20px;
	height: 20px;
	margin: 0 0 5px 15px;
	vertical-align: top;
}
	
.thanks_info{ width:100%; border: #E7443D solid 1px; padding: 5%; margin: 10% auto 0; box-sizing: border-box;}
.thanks_info p{ padding: 0; margin: 5% 0 0; line-height: 160%;}
.thanks_info p.ttl{ font-size: 14px; font-weight: bold; margin: 0;}
.thanks_info p span.red{ color: #E7443D;}
	
#page-top { margin: 0; padding: 0; display: none; position: fixed; right: 8px; bottom: 40px; z-index: 50;}
#page-top #move-page-top{ width: 40px; display: block; cursor: pointer;}
#page-top #move-page-top img{ width: 40px;}

footer{ width: 100%; background: #FFF4DC;}
footer .footAdd{ width: auto; margin-bottom: 0 auto; padding: 8% 5%; text-align: center;}
footer .footAdd .logo{ width: auto; margin: 5px 0;}
footer .footAdd .logo img{ width: 180px; margin-bottom: 10px;}
footer .footAdd .address p.name{ font-size: 12px; margin-bottom: 10px; line-height: 180%;}
footer .footAdd .address p.tel{ font-size: 20px; margin-bottom: 10px;}
footer .footAdd .address p.tel a{ display: block; text-decoration: none;}
footer .footAdd .address p.tel a img{ width: 220px;}
footer .footAdd .address .btnWeb{ width: 234px; margin-bottom: 2%;}
footer .footAdd .address .btnWeb img{ width: 234px;}

footer .footLink{ display: none;}
footer .footLink li a:hover{ text-decoration: underline;}
footer .copy{ background: #FF9C00; text-align: center; font-size: 10px; padding: 10px 0; color: #FFF;}

.ml16{ margin-left: 14px;}
.mb25{ margin-bottom: 5%;}
.mb35{ margin-bottom: 7%;}
.fs10{ font-size: 10px;}
.fs12{ font-size: 12px;}
.fs14{ font-size: 14px;}

.pc{ display:none !important;}
.sp{ display:inherit !important;}

}