/* frame
---------------------------------------------- */
body{
	min-width: 1200px;

}

 .x2img{
	 width: 100%;
	 height: auto;
 }

 #header .logo{
	 width: 197px;
	 margin: auto;
 }

 .inframe{
	 max-width:1200px;
	 margin: auto;
 }

 /* header
---------------------------------------------- */
#header{
	position: relative;
	width: 100%;
	height: auto;
    padding:1% 0;
	overflow: hidden;
	border-bottom:1px solid #064e97;
}


#header .copy{
	width: 600px;
	margin: auto;
	margin-top: 20px;
}

#header .copy{fill:#fff;}
#header #copy_set1 .base{fill:#72dcff;stroke:#fff;stroke-width:2;stroke-opacity: 0.2;}
#header #copy_set2 .base{fill:#F6BD43;stroke:#fff;stroke-width:2;stroke-opacity: 0.2;}
#header #copy_set3 .base{fill:#8DC32E;stroke:#fff;stroke-width:2;stroke-opacity: 0.2;}

 #header .set1,#header .set2,#header .set3{
	 float: left;
	 width: 200px;
	 height: 175px;
 }

 #header .set2{
	 width: 200px;
	 margin-top: -23px;
 }



 /* pagetitle
---------------------------------------------- */
#pagetitle{
	padding:5em 0;
	border-bottom:1px solid #064e97;
	margin-bottom: 3em;
}
#pagetitle h2{
	color:#064e97;
	font-size: 2.5em;
}

#pagetitle p{
	 line-height:2;
	color:#064e97;
}

 @media(max-width:768px){
	 #pagetitle p{
		 padding:0 24px;
	 }
	 #pagetitle p br{
		 display: none;
 }
	 #pagetitle h2{
		 font-size: 2em;
	 }
 }


 /* contact
 ----------------------------------------------- */
 #contact h3{
	 text-align: left;
 }


 #contact section{
	 margin-bottom: 120px;
	 padding-top: 24px;
 }

 #contact section h3{
	 color: #666666;
	 font-size: 28px;
	 margin-bottom: 24px;
 }

 #contact section .number{
	 font-size: 24px;
	 font-weight: bold;
	 border: 1px solid #cccccc;
	 border-radius: 12px;
 	 margin: 1%;'
 }

 #contact section .frame{
	 border: 1px solid #cccccc;
	 border-radius: 12px;
	 padding: 24px;
 }

 #contact section .number .label,
 #contact section .time .left{
	 font-size: 18px;
	 color: #8e6f50;
	 font-weight: bold;
 }

 #contact section .group2 span{
	 vertical-align: middle;
 }

 #contact section .group2 .tel{
	 padding: 12px;
	 padding-bottom: 0;
	 text-align: center;
	 font-weight: normal;
	 font-size: 0.9em;
	 color: #666666;
 }

 #contact section .group2{
	 width: 43%;
	 padding:2%;
	 vertical-align: middle;
 }

 #contact section .group2 .tel{
	 text-align: center;
 }

 #contact section .time{
	 width: 100%;
	 padding: 24px 0  0 0;
	 margin: auto;
	 margin-top: 20px;
	 border-top: 1px solid #cccccc;
	 text-align: center;
 }

 #contact section .time .left{
	 padding: 18px;
	 margin-left: 260px;
 }

 #contact section .time .right{
	 width: 50%;
	 margin-right: 100px;
	 padding: 0 24px;
	 font-size: 24px;
	 line-height: 1.4;
	 color: #666666;
 }

 #contact section .time .right small{
	 font-size: 16px;
 }

 #contact section .form{
	 width: 70%;
	 padding: 34px 0;
	 margin: auto;
	 text-align: center;
 }

 #contact section .form table{
	 width: 100%;
	 margin-bottom: 2em;
 }

 #contact section .form table tr th,
 #contact section .form table tr td{
	 padding: 24px;
	 text-align: center;
 }

 #contact section .form table tr.nm td,
 #contact section .form table tr.nm th{
	 padding-top: 0;
	 padding-bottom: 0;
 }


 #contact section .form table tr th{
	 width: 32%;
	 color: #666666;
	 font-size: 20px;
 }

 #contact section .form table tr td{
	 text-align: left;
 }

 #contact section .form input[type="text"],
 #contact section .form input[type="tel"],
 #contact section .form input[type="number"],
 #contact section .form textarea,
 #contact section .inputcheck{
	 border:0;
	 padding:10px;
	 font-size:1em;
	 color:#333;
	 text-align: left;
	 /*    margin: auto;*/
	 border:solid 1px #ccc;
	 width:80%;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	 -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	 box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
 }

 #contact section .form input#age{
	 width:20%;
 }

 #contact section .inputcheck{
	 -moz-box-shadow: none;
	 -webkit-box-shadow: none;
	 box-shadow: none;
	 margin: auto;
 }

 #contact section .form .text{
	 width: 88%;
	 margin: auto;
 }
 #contact section .form .text h4{
	 font-size: 20px;
	 color: #666666;
	 text-align: left;
	 margin: 0.5em 0;
 }


 #contact section .form small{
	 font-size: 12px;
 }

 #contact section .form textarea{
	 width: 100%;
	 height: 300px;
	 font-size:1.2em;
 }

 #contact section .text .inputcheck{
	 width: 100%;
	 margin: auto;
 }


 #contact section .form .butttom{
	 width: 70%;
	 padding: 0 100px;
	 margin: auto;
	 margin-top: 40px;
	 border-top:solid 1px #ccc;
 }

 #contact section .form input[type="submit"]{
	 margin: auto;
	 width: 240px;
	 border:solid 1px #ccc;
	 padding:15px 30px;
	 margin:40px 0 0 0;
	 font-size:1.2em;
	 text-transform:uppercase;
	 color:#333;
	 cursor:pointer;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
 }


 #contact section p.guidemess{
	 line-height: 1.6;
	 font-size: 1.2em;
	 color: #666666;
	 text-align: center;
	 margin-bottom: 1.2em;
 }

 #contact section p.guidemess:last-child{
	 margin: 0;
 }

 #contact section .warning{
	 color:#ff3333;
	 text-align: left;
 }

 /* About
---------------------------------------------- */
 #contact section.about dt{
	 line-height: 1.4;
	 font-size: 1.4em;
	 margin-bottom: 0.3em;
 }
 #contact section.about h3{
	 background:#064e97;
	 color: #fff;
	 border-radius: 24px;
 }

 #corporration a{
	 display: inline-block;
	 background: #064e97;
	 font-style: 14px;
	 padding: 12px;
	 color: #fff;
	 text-decoration: none;
	 border-radius: 12px;
	 margin-bottom: 12px;

 }



 /* toppagelink
---------------------------------------------- */

 #toppagelink{
	 margin:auto;
	 margin-bottom:120px;
 }

 #toppagelink a{
	 display: inline-block;
	 padding: 24px 100px;
	 background: #064e97;
	 color: #fff;
	 text-decoration: none;
	 font-size:120%;
	 border-radius: 12px;
 }



 /* SP-Tablet
-------------------------------------------------------------------------------------------- */

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

	 body{
		 min-width: auto;
	 }

	 #header{
         padding:5% 0;
	 }

     #header .logo{
         width:100px
     }

	 /* contact
     ----------------------------------------------- */
	 #contact section .frame{
		 border: 1px solid #cccccc;
		 padding: 12px;
	 }

	 #contact h3{
		 text-align: center;
	 }

     #contact section .number{
         padding: 12px;
     }

	 #contact section .number .left table{
		 width: 100%;
	 }

	 #contact section .number .left table tr td{
		 padding: 8px;
		 font-size:0.8em;
		 text-align: center;
	 }

	 #contact section .group1{
		 width: 100%;
		 border-right:none;
	 }
	 #contact section .group1 .tel{
		 margin-left: 0;
		 text-align: center;
	 }

	 #contact section .group2{
		 width: auto;
	 }

	 #contact section .group2 .left{
		 padding: 24px 0;
		 text-align: center;
	 }


	 #contact section .group2 .tel{
		 margin-left: 0;
		 padding:8px;
		 text-align: center;
	 }


	 #contact section .time{
		 width: 100%;
		 padding: 0;
		 margin: auto;
		 margin-top: 20px;
		 border-top: 1px solid #cccccc;
		 text-align: center;
	 }

	 #contact section .time .left{
		 margin-left: 0;
	 }

	 #contact section .time .right{
		 width: 100%;
		 padding: 0;
		 margin-right: 0;
         font-size: 20px;
	 }

	 #contact section .form{
		 width: 100%;
		 padding: 34px 0;
	 }

	 #contact section .form table{
		 width: 100%;
		 margin-bottom: 2em;
	 }

	 #contact section .form .butttom{
		 width: 70%;
		 padding: 2em 0;
	 }

	 #contact section .form input[type="submit"]{
		 margin: 5% auto;
		 width: 100%;
	 }

	 #contact section.about h3{
		 border-radius: 0;
	 }


 }