@charset "UTF-8";

main {padding-bottom:0;}

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

@media screen and (max-width:900px){
	
	main {}	
	main a {border-bottom:1px solid #101010; color:#101010; text-decoration:none;}
  
	main h2 {width:90%; margin-right:auto; margin-left:auto;}
	main h2:nth-child(1) {margin-top:2em;}
  main h2 + .ptxt {width:90%; margin:2em auto 0 auto;}
 
  .ptxt {width:90%; margin:2em auto 0 auto;}
  .area2 + .ptxt {padding:2.2em 2em 3.2em 2em; border:4px solid #3f91d6; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  
  /* info */
  .area2 {width:90%; margin:0 auto;}
  .area2 .ptxt {margin:0;}
  .area2 .ptxt .fleft {width:60%; max-width:360px;}
  .area2 .ptxt .fright {font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
 
  main .area2 + .area2 + h2 + .area2 {}
  main .area2 + .area2 + h2 + .area2 .fleft {width:100%; max-width:100% !important;}
  
  .area2 + h2 {/*margin:22% auto 0 auto;*/}
  .area2 + h2 + .ptxt {width:90%; margin:2em auto 0 auto; padding:2.2em 2em 3.2em 2em; border:4px solid #3f91d6; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  
  table.profile {width:100%; margin:0.5em 0 0 0; border-top:1px solid #7f7f7f;}
  table.profile th {width:8em; padding:1em 0; border-bottom:1px solid #7f7f7f; font-weight:600;}
  table.profile td {padding:1em 0 1em 1.5em; border-bottom:1px solid #7f7f7f;}
  
  /* access */
  .ptxt + h2 {/*margin:25% auto 0 auto;*/}
  iframe.gm {width:100%; height:30em; margin:2em 0 0 0;}

}



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

@media screen and (min-width:901px) {
	
	main {padding-top:1.5em;}
	
	main a {border-bottom:1px solid #101010; color:#101010; transition:0.3s;}
	main a:hover {border-bottom:1px solid #fff;}

	main h2 {width:94%; max-width:1200px; margin-right:auto; margin-left:auto;}
  main h2 + .ptxt {width:94%; max-width:1200px; margin:2em auto 0 auto;}
  
 .ptxt {width:94%; max-width:1200px; margin:2em auto 0 auto;}
 .area2 + .ptxt { margin:8% auto 0 auto; padding:2.8em 4em 3.8em 4em; border:4px solid #3f91d6; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
 
  /* info */
  .area2 {width:94%; max-width:1200px; margin:2em auto 0 auto;}
  .area2 .ptxt {display:flex; justify-content:space-between; width:100%; margin:2.5em 0 0 0;}
  .area2 .ptxt .fleft {width:30%; padding-top:0;}
  .area2 .ptxt .fright {width:63%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
 
  main .area2 + .area2 + h2 + .area2 {}
  main .area2 + .area2 + h2 + .area2 .fleft {width:40%;}
  main .area2 + .area2 + h2 + .area2 .fright {width:55%;}
  
  /* profile */
  .area2 + h2 {/*margin:10% auto 0 auto;*/}
  .area2 + h2 + .ptxt {width:94%; max-width:1200px; margin:2.5em auto 0 auto; padding:2.8em 4em; border:4px solid #3f91d6; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
 
  table.profile {width:100%; border-top:1px solid #7f7f7f;}
  table.profile th {width:15em; padding:1em 1.5em; border-bottom:1px solid #7f7f7f; font-weight:600;}
  table.profile td {padding:1em 1.5em; border-bottom:1px solid #7f7f7f;}
  
  /* access */
  .ptxt + h2 {/*margin:12% auto 0 auto;*/}
  iframe.gm {width:100%; height:30em; margin:2.5em 0 0 0;}

}

