@charset "UTF-8";

/*
  ページ別CSS
*/

/***********************************************************
#1 オーバーライド: c-main
***********************************************************/
#c-main {
}

#c-main a.a-linkbtn {
  padding: 0.5em 1.5em;
  font-size: 0.9em;
	margin:  2.0em 0 1.0em ;
	border: solid 1px #333;
	width: inherit;
	color: #333;
	text-decoration: none;
}


#c-main p.p-btn {
  letter-spacing: 0.02em;
  font-weight: 300;
  margin: 2.0em 0 ;
  padding: 0 ;
}
#c-main p.p-btn a:link,
#c-main p.p-btn a:visited {
  font-size:0.9em;
  letter-spacing: 0.05em;
  color: #0062b5;
  border: solid 4px #0062b5;
  background: #fff;
  padding: 0.4em 2.0em 0.6em;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
}
#c-main p.p-btn a:hover {
  text-decoration: underline;
  background: #0062b5;
  color: #fff;
}

#c-main strong.blue {
  color: #0062b5;
  font-size: 1.2em;
}



/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main strong.blue {
  font-size: 1.1em;
}

#c-main p {
  font-size: 0.8em;
}	

}




/***********************************************************
#1 TOPページ about
***********************************************************/
#c-main .box-about00 {
  padding: 3.0em 0 1.0em ;
  margin:0 auto;
  width: 65vw;
  max-width: 100%;
}

#c-main h2.h2-logo{
  margin: 1.5em auto 1.0em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 2.5em;
  line-height: 1.2em;
  color: #0062b5;
  letter-spacing: 0 ;
  position: relative;
  display: table;
  padding: 0 55px;	
}

#c-main h2.h2-logo:before, #c-main h2.h2-logo:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 3px;
  background-color: #0062b5;
}

#c-main h2.h2-logo:before {
  left:0;
}
#c-main h2.h2-logo:after {
  right: 0;
}


#c-main h2.h2-susanoo{
  margin: 1.5em auto 0.2em;
  font-family: "susanoo", sans-serif;
  font-weight: 400;
  font-size: 3.5em;
  line-height: 1.2em;
  color: #0062b5;
  letter-spacing: 0 ;
  position: relative;
  display: table;
  padding: 0 55px;
}

#c-main h2.h2-susanoo:before, #c-main h2.h2-susanoo:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 3px;
  background-color: #0062b5;
}

#c-main h2.h2-susanoo:before {
  left:0;
}
#c-main h2.h2-susanoo:after {
  right: 0;
}

#c-main p.p-sub02{
  color: #0062b5;
  font-weight: 600;
  font-size: 1.2em;
}

#c-main table.tbl-plan{
  color: #0062b5;
  width: 100%;
}
#c-main table.tbl-plan th,
#c-main table.tbl-plan td{
  font-weight: 600 ;
  line-height: 1.0em;
  border: solid 2px #0062b5;
  text-align: center;
  vertical-align: middle;
}
#c-main table.tbl-plan th.th01{
  width: 25%;
}
#c-main table.tbl-plan th.th02{
  width: 15%;
}

#c-main table.tbl-plan tr{
  border: none;
}

#c-main table.tbl-plan td{
  font-size: 1.5em;
}


#c-main table.tbl-plan {
  color: #0062b5;
}


#c-main span.susanoo{
  font-family: "susanoo", sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  color: #0062b5;
}

#c-main .col-tokuten {
  width: 100%;
  max-width: 100%;
  padding: 0 ;
  margin: 0 ;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#c-main .col-tokuten-co {
  flex-basis: 48%;
  max-width: 100%;
  padding: 5px ;
  margin: 0 1% 1.0em ;
  background: #0062b5;
}

#c-main .col-tokuten-co-btm {
  padding: 0.5em 1.0em 1.0em ;
  margin: 0 ;
}

#c-main .col-tokuten-co-btm h3 {
  font-size: 1.2em;
  color: #fff;
  margin: 0 0 0.5em ;
  padding: 0.5em 0 ;
  border-bottom: solid 1px #fff;
}
#c-main .col-tokuten-co-btm p {
  font-size: 0.9em;
  color: #fff;
  line-height: 1.4em;
}

#c-main .col-tokuten-co-btm dl {
  font-size: 0.9em;
  color: #fff;
}

#c-main .col-tokuten-co-btm dl.dl-plan dt {
  float:left;
  padding-right: 1.0em;
}

#c-main .col-tokuten-co-btm dl.dl-plan dd {
  font-weight: 700;
  font-size: 1.1em;
}


#c-main .col-tokuten-co-btm dl.dl-tokuten dd {
  line-height: 1.4em;
}
#c-main .col-tokuten-co-btm dl.dl-tokuten dd::before {
  content: "●";
  padding-right: 0.5em;
}





/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
	
#c-main .scroll {
  overflow-x: scroll;
}
	
#c-main .scroll table.tbl-plan {
  width: 100%;
  white-space: nowrap;
}
	
	

#c-main .box-about00 {
  padding: 1.0em 0 1.0em ;
  width: 80vw;
}

#c-main h2.h2-logo{
  font-size: 1.2em;
  padding: 0 30px;	
}

#c-main h2.h2-logo:before, #c-main h2.h2-logo:after {
  width: 30px;
}

#c-main h2.h2-susanoo{
  font-size: 1.5em;
  padding: 0 30px;
}

#c-main h2.h2-susanoo:before, #c-main h2.h2-susanoo:after {
  width: 20px;
}

#c-main p.p-sub02{
  color: #0062b5;
  font-weight: 600;
  font-size: 0.9em;
}


#c-main table.tbl-plan th,
#c-main table.tbl-plan td{
  line-height: 1.2em;
  font-size: 70%;
}

#c-main table.tbl-plan td{
  font-size: 1.2em;
}

#c-main .col-tokuten {
  flex-direction: column;
}


#c-main .col-tokuten-co-btm {
  padding: 0.5em 0.5em 0.5em ;
}

#c-main .col-tokuten-co-btm h3 {
  font-size: 0.9em;
}
#c-main .col-tokuten-co-btm p {
  font-size: 80%;
}

#c-main .col-tokuten-co-btm dl {
  font-size: 0.9em;
  color: #fff;
}

#c-main .col-tokuten-co-btm dl.dl-plan dt {
  padding-right: 0.5em;
}

#c-main .col-tokuten-co-btm dl.dl-plan dd {
  font-weight: 700;
  font-size: 1.1em;
}

	
}