/*基礎的な設定*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
	
html {
 overflow-y: scroll;
}

#font{
	font-family: 'Noto Sans JP', sans-serif;
	word-break:break-all; 
}

.ichi{
	float: left;
}

h4{
   margin: 2px 0px 2px 0px;
}

/*header*/

header{
			background-position: left top;
			background-size: cover;
			background-image: url("img/takao.jpg"); 
  }   
  
#headeri {
        float: left;
        width: 100%;
		height: 232px;
        overflow: hidden;
		position: static;
		margin-bottom: 50px;
}

.marquee{
	width:750px;
	margin:0 auto;/*余白*/
	padding:0.5px 1px;/*中のポジション*/
	background-color: #797979;
	line-height:1,8;
	border:double 4px #333;/*線の種類　線幅　線の色*/

}

.marquee p{
margin:0;
display : inline-block;
padding-left: 100%;
	white-space:nowrap;
	color: ffffff;
	animation-name:marquee;
	animation-timing-function:linear;/*アニメーションのタイミング・進行割合の指定*/
	animation-duration:20s; /*アニメーションの速度*/
	animation-iteration-count:infinite;/*アニメーションの動作回数*/
}

@keyframes marquee {
    from    { transform: translate(0%); } 
    100%,to { transform: translate(-100%); }
}


/*Swiper image*/

#swiper_image{
	height: 400px;
}

/*contant*/

#content_main {
	width: 1250px;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
}

#content { 
	float: left;
	width: 900px;
}

#indexmenu { 
	width: 260px;
	height:500px;
	float: left;
}

#indexmenu1 { 
	float: left;
	width: 220px;
	height:260px;
	float: left;
}

#indexmenu2 { 
	float: left;
	width: 420px;
	height:260px;
	float: left;
}

#content_sub22a { 
	float: left;
	width: 425px;
}


#content_sub22b { 
	float: right;
	width: 425px;
}

.iri{
	text-align: left;
}

/*menu*/

#menu {
	float: right;
        width: 325px;
}

#shita {
        float: bottom;
        width: 100%;
	background-color: #191970;
	color: #fff;
        overflow: hidden;
	position: static;
	margin: 0 auto;
}

#botromyo {
        float: left;
	width :20%;
        overflow:hidden;
	float:  left;
	}

#midashi {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	float:  left;
	}

#pdf {
	width: 40%;
	margin: 0 auto;
	text-align: center;
        float: left;
	}

/*Buttonの設定*/

#bottom_1 {
	float: left;
width :40%;
	overflow:hidden;
float:  bottom;
}	

#bottom_2 {
	float: left;
padding:0px 0px 0px 10px;
width :40%;
text-align: center;
	overflow:hidden;
float:  bottom;
}	

.button_1 {
  display: inline-block;
  width: 90%;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #333;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}

.button_1:hover {
  color: #fff;
}

.button_1::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

.button_1:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #333;
}

.button_1,
.button_1::before,
.button_1::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


/*フロア*/
.hanbun {
	float: left;
	padding:  5%;             /* 余白指定 */
        width: 40%;;              /* 幅の指定 */
	float: left;
}

.oshirase {
		display: block;      /* インラインブロック要素にする */
		float:left;
		text-align:left;
		background-color:  #ffffff;    /* 背景色指定 */
		padding:  5%;             /* 余白指定 */
		width:40%;               /* 幅の指定 */
		height: 400px;

	}

.oshirase_1{
		display: block;      /* インラインブロック要素にする */
		float:left;
		width: 50%;
		margin-bottom: 20px;
}

.oshirase_1 #img{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
}

.link {
		display: inline-block;      /* インラインブロック要素にする */
		vertical-align: top;
		text-align:left;
		background-color:  #ffffff;    /* 背景色指定 */
		padding:  3px;             /* 余白指定 */
		width: 194px;               /* 幅の指定 */
		height: 50px;              /* 高さ指定 */

	}

#positon_right1{
        position: relative;
        top: 10px;
        left: 1100px;
}

/*小題名*/

.border{
       color: #191970;
       font-size:32px;
       padding: 2px 2px 5px 5px ;
       border-left: solid 16px #191970;
       border-bottom : solid 2px #191970 ;
}

.border_1{
       color: #191970;
       font-size: 20px;
       padding: 2px 2px 5px 5px ;
       border-left: solid 16px #191970;
       border-bottom : solid 2px #191970 ;
}



.divdiv {
    text-align:center;
    }

.mojidayo {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #ffffff;
    background: #191970;
    border-left: solid 10px #00bfff;
}

.mojidayo p {
    margin: 0; 
    padding: 0;
}

.haikei_oshirase {
    color:#FFFFFF;
    background-color:#33CCFF;
}


/*文字装飾*/

.kaku {
    color:#FFFFFF;
    background-color:#ff4500;
}

.haikei_NewsRelease {
    color:#FFFFFF;
    background-color:#FF9900;
}

.active {
	background-color: #da3c41;
}


/*menu ul*/

#ul.tdftad {
    width: 100%        !important;     /* bootstrapのcontainerの横幅と合わせる*/
    padding-right: auto !important;
	padding-left: auto  !important;
    margin-right: auto  !important;   /* 左右が揃う*/
    margin-left: auto   !important;    /* 左右が揃う*/
}

ul.tdftad {
    width: 1170px       !important;     /* bootstrapのcontainerの横幅と合わせる*/
	padding-left: 0px 15px;
    margin-right: auto  !important;   /* 左右が揃う*/
    margin-left: auto   !important;    /* 左右が揃う*/
}

#menu ul{ 
      margin: 0; 
      padding: 0; 
      list-style: none; 
}

#menu li{ 
      display: inline; 
      padding: 0; 
      margin: 0; 
}



/*abode*/

.wakuline {
	float:left;
	border :dashed 1px #333 ;
	padding : 3px 3px ; 
	font-size:1em;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.curvy700 .curvyWrap {
    background: url(img/curvy_w700_top.gif) no-repeat left top;
}

.clearfix, .fBox, div#contents {
    display: block;
}

.clearfix, .fBox, div#contents {
    display: inline-block;
}

.ml10 {
    margin-left: 10px !important;
}

.fr {
    float: right;
}



/*汎用性高*/

.tensen{
	border-top: 1px dotted #bbb;
	margin: 2px 0px 2px 0px;
	}
  
.center{
	  border: 1px solid #ffffff;
	  width: 800px;
	  height: 300px;
	  text-align: center;
	}


@media screen and (max-width: 1200px) {
	
		
	#headeri {
		height: 225px;
	}

	#content_main {
		width: 90%;
		margin: 0 auto;
		font-size: 0.8em;
	}
	
	#content {
	        float: left;
			width :100%;
			margin: auto;
	        overflow:hidden;
			float:  bottom;
	}
	
	#menu {
	          float: left;
			  width: 100%;
			  height:2000px;
		  margin: 0 auto;
	          overflow:hidden;
	}
	
	.iri{
		text-align: center;
	}

	.hanbun {
		float: left;
		padding:  5%;             /* 余白指定 */
        	width: 90%;;              /* 幅の指定 */
		float:  bottom;
	}

	#botromyo {
        	float: left;
		width :100%;
        	overflow:hidden;
		float:  bottom;
	}

	#shita {
        	float: bottom;
        	width: 100%;
	}

	/*Swiper image*/

	#swiper_image{
		height: 300px;
	}

	#midashi {
        	float: left;
		width :100%;
        	overflow:hidden;
		float:  bottom;
	}
	
	#indexmenu { 
		float: left;
		width: 33%;
	}

	#bottom_1 {
		width :100%;
		display: inline-block;
        overflow:hidden;
	}
	
	#bottom_2 {
       		float: left;
		width :100%;
		padding: 0px 10px 0px 10px;
		text-align: center;
        	overflow:hidden;
		float:  bottom;
	}	

	iframe {
        	float: left;
		width :100%;
        	overflow:hidden;
		float:  bottom;
	}

	.oshirase {
		width: 40%;               /* 幅の指定 */
	}

	.oshirase_1{
		width: 50%;
		margin-bottom: 5px;
	}

	.oshirase_1 #img{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
}



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

	
	#headeri {
		height: 450px;
		margin-bottom: 0px;
	}

	#content_main {
		width: 96%;
		margin: 0 auto;
		font-size: 0.8em;
	}
	
	#content {
		float: left;
		width :100%;
		margin: auto;
		overflow:hidden;
		float:  bottom;
	}
	
	#menu {
	          float: left;
			  width: 100%;
			  height: 1500px;
		  margin: 0 auto;
	          overflow:hidden;
	}
	
	.iri{
		text-align: center;
	}
	
	#ao{
		background-color: #010066;
		color:#fff;
	}
	/*Swiper image*/

	#swiper_image{
		height:270px;
	}
	
	.hanbun {
		float: left;
		padding:  5%;             /* 余白指定 */
        	width: 90%;;              /* 幅の指定 */
		float:  bottom;
	}

	.link{
		width:40%;
		text-align: center;
	}

	#botromyo {
        	float: left;
		width :100%;
        	overflow:hidden;
		float:  bottom;
	}

	#shita {
        	float: bottom;
        	width: 100%;
	}

	#midashi {
		width :94%;
		margin-left: 3%;
		margin-right: 3%;
        overflow:hidden;
		float:  bottom;
	}
	
	#indexmenu { 
		float: left;
		width: 33%;
	}

	#bottom_1 {
		width :100%;
		overflow: hidden;
	}
	
	#bottom_2 {
       	float: left;
		width :95%;
		margin-left: 2.5%;
		margin-right: 2.5%;
		overflow-wrap:break-word;
		text-align: center;
        overflow:hidden;
		float:  bottom;
	}
		
	.oshirase {
		height: 300px;
	}

	.oshirase_1{
		width: 100%;
		margin-bottom: 5px;
	}

	.oshirase_1 #img{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}

	.wakuline {
		font-size: 0.75em;
	}

	#headeri iframe{
		height:433px;
	}

	iframe {
        	float: left;
		width :100%;
        	overflow:hidden;
		float:  bottom;
	}

	.oshirase {
		width: 90%;               /* 幅の指定 */
		float:bottom;
	}

	footer{
		font-size: 0.9em;
	}
}