@charset "UTF-8";


main h3 {margin:1em 0 0 0; color:#0064b4; font-size:120%; font-weight:600;}
main h3 span {padding:0 0 0.4em 0; border-bottom:2px solid #0064b4; line-height:1.7;}
main h4 {font-size:110%; font-weight:800;}

.type1,
.type2,
.type3 {
  padding:1em 1.5em; background:#E1EFF9;
}
.type1 h5,
.type2 h5,
.type3 h5 {
  color:#0064b4; font-size:110%; font-weight:800;
}
.type1 p,
.type2 p,
.type3 p {
  margin-top:0.5em !important;
}
.type1 .price,
.type2 .price,
.type3 .price {
  color:#0a365c;
}
.type1 .note,
.type2 .note,
.type3 .note {
  color:#333;
}


/*********************************
 * ～900
 *********************************/

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

  .contents > .ptxt:nth-child(1) {padding:1.5em; background:url(../../common/images/bg_mimg.jpg) center center no-repeat; background-size:cover; border:1px solid #0a365c; font-size:80%;}
  .contents > .ptxt:nth-child(1) span {padding:0 0 0.3em 0; color:#0a365c; font-size:110%; font-weight:700;}
  
  
  ul.service_nav {display:flex; flex-wrap:wrap; width:90%; margin:0 auto;}
  ul.service_nav li {width:100%; padding:0.2em 0;}
  ul.service_nav li a {color:#000; border-bottom:1px solid #000;}
  ul.service_nav li a:hover {border-bottom:1px solid rgba(0,0,0,0); opacity:1;}
	
	ul.service {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin:3em 0 0 0;}
	ul.service li {margin:0 0 2em 0; padding:2em 2em; background:#570c2a; color:#fff;}
	ul.service li:nth-child(even) {background:#1d925c;}
	ul.service dl dt {padding:0 0 0 1.2em; border-left:3px solid #fff; font-size:90%; line-height:1.5;}
	ul.service dl dt span {font-size:160%; font-weight:700;}
	ul.service dl dd {padding:1.3em 0 0 0; font-size:90%;}
	ul.service dl dd .btn {margin:1em 0 0 0;}
	ul.service dl dd .btn a {position:relative; padding:0.3em 2em 0.3em 1em; border:1px solid #fff; color:#fff; transition:0.3s;}
	ul.service dl dd .btn a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #fff; border-bottom:0; border-left:0; right:1em; top:39%; transform:rotate(45deg);}
	ul.service dl dd .btn a:hover {opacity:0.8;}

  table.fee {width:100%; margin-top:0.5em;}
  table.fee th {display:block; width:100%; padding:0.5em; border:1px solid #ddd; vertical-align:middle;}
  table.fee td {display:block; width:100%; padding:0.5em; border:1px solid #ddd;}
  table.fee thead th {background:#0a365c; color:#fff;}
  table.fee tbody tr:nth-child(even) th,
	table.fee tbody  tr:nth-child(even) td {background:#fafafa;}

}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {

  .contents > .ptxt:nth-child(1) {padding:2.5em 2em; background:url(../../common/images/bg_mimg.jpg) center center no-repeat; background-size:cover; border:1px solid #0a365c; font-size:90%; text-align:center !important;}
  .contents > .ptxt:nth-child(1) span {color:#0a365c; font-size:130%; font-weight:700;}
  .contents > .ptxt:nth-child(1) p {margin-top:0; line-height:1.8; text-align:center;}
  
  
  ul.service_nav {display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:0 auto;}
  ul.service_nav li {width:48%; padding:0.2em 0;}
  ul.service_nav li a {color:#000; border-bottom:1px solid #000; transition:0.3s;}
  ul.service_nav li a:hover {border-bottom:1px solid rgba(0,0,0,0); opacity:1;}
	
	ul.service {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin:3em 0 0 0;}
	ul.service li {width:48%; margin:0 0 2em 0; padding:2em 3em; background:#570c2a; color:#fff;}
	ul.service li:nth-child(even) {background:#1d925c;}
	ul.service dl dt {padding:0 0 0 1.2em; border-left:3px solid #fff; font-size:85%; line-height:1.5;}
	ul.service dl dt span {font-size:180%; font-weight:700;}
	ul.service dl dd {padding:1.3em 0 0 0; font-size:85%;}
	ul.service dl dd .btn {margin:1em 0 0 0;}
	ul.service dl dd .btn a {position:relative; padding:0.3em 2em 0.3em 1em; border:1px solid #fff; color:#fff; transition:0.3s;}
	ul.service dl dd .btn a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #fff; border-bottom:0; border-left:0; right:1em; top:39%; transform:rotate(45deg);}
	ul.service dl dd .btn a:hover {opacity:0.8;}

  table.fee {width:100%; margin-top:0.5em; border-top:1px solid #7f7f7f;}
  table.fee th {padding:0.5em; border:1px solid #ddd; text-align:center; vertical-align:middle;}
  table.fee td {padding:0.5em; border:1px solid #ddd; text-align:center !important;}
  table.fee thead th {background:#0a365c; color:#fff;}
  table.fee tbody tr:nth-child(even) th,
	table.fee tbody  tr:nth-child(even) td {background:#fafafa;}

}