@charset "UTF-8";


/* テキストの自動拡大を無効化 */
body {
 -webkit-text-size-adjust: none;	
 text-size-adjust: none;     
}

/*=========ページ全体の設定============= */

body{
 margin:0;
 font-family:sans-serif;
}


#wrapper{

max-width:100%;


}

.container p{

 line-height:1.8;

}


/*============ヘッダー==============*/





header{

font-size:20px;
font-weight:bold;
font-family: 'Exo 2', sans-serif;
text-align:center;
color:#02AEF7;
letter-spacing:0.1em;
 padding-top:0;
 padding-bottom:0;
 
}





/* リンク */
a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}

.mojiko header{

 color:rgba(2,174,247,0.8);

}



/*===========ナビゲーションメニュー===========*/

header a{

 font-size:25px;

}

header nav ul a{

 font-size:12px;

}

header nav ul{
  list-style-type:none;
  margin:0;
  padding:0;
  
  display:flex;
  flex-wrap:wrap;
  justify-content:center; 
  display:none;
}


header .container{
display:flex;
justify-content:space-between;
align-items:center;
padding-top:15px;
padding-bottom:15px;

}

header nav{

 text-align:center;

}

header nav li{
 margin-top:15px;
 

}

header nav li:not(:last-child){
  margin-right:20px;
}



header .container a{

 text-align:left;
 
}


.hamberger{

 text-align:right;
 
}

.hamberger label{

 font-size:40px;
 font-weight:bold;
 display:flex;
 align-items:center; 
 justify-content:center;

}

header{

 width:95%;
 height:10%;
 text-align:center;
 margin:auto;
}

.mojiko header{

 margin:0;

}



/*===================トップページ：home================*/

.mojiko{

  background-image:url(photo/皿倉山夜景01.jpg);
  background-size:cover;
  background-position:50% 0%;
  height:650px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  align-content:space-between;
}

.mojiko .home{

height:80%;
width:95%;

}



.mojiko .dami{

height:10%;
width:100%;

}


.home{
  
  
  padding-top:0;
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}



.home h1{
  font-size:30px;
  font-family:'Exo 2',sans-serif;
  font-family:"HGS明朝B", 'Shippori Mincho B1', serif,sans-serif;
  text-align:center;
  color:#e8ebea;
  width:100%;
  margin-bottom:15px;

}

.home h1:nth-child(2){

 margin-top:0;  

}

.home p{
  font-size:20px;
  text-align:center;
  font-weight:bold;
  text-shadow:0 0 10px #444444;
  margin-top:0;
  color:#e8ebea;
  width:100%;
  font-family:"HGS明朝B", monospace ,'Sawarabi Mincho',sans-serif;
  text-shadow:0 0 5px #73c7ff;
}

.home a{
 color:#ffffff;
 font-size:17px;
 background-color:rgba(41,171,226,1);
 border:solid 2px #ffffff;
 border-radius:10px;
 padding:10px 30px;
 margin-top:15px;
 width:auto;
 font-weight:bold; 

}



.home h1{

 opacity:0;
 
 animation:titleanime1 1s linear 0.5s forwards;

}

.home a{

 opacity:0;
 
 animation:titleanime1 1s linear 0.5s forwards;

}

@keyframes titleanime1{

 
 100%{opacity:1;}

}


.home a:hover{

 background-color:rgba(41,171,226,0.7);

}


/*==========パンくず============*/

.pankuzu{

 display:flex;
 
 flex-wrap:wrap;
 list-style-type:none;
 padding-left:3%;

}

.pankuzu li{

 font-size:12px;
 margin-right:5px;

}

.pankuzu a:hover{

  border-bottom:solid 1px #69b1f5;
  opacity:1;
}

/*===========お知らせ==============*/

 .Notice{

border:solid 2px #edebeb;
height:150px;
overflow: scroll;
overflow: visible visible;
overflow:auto;
font-size:15px;

}



.Notice ul li{

 display:flex;
 flex-wrap:wrap;
 padding:10px;
 border-bottom:1px solid #000;
 
}


.Notice .date{

 

}

.Notice .label{

 background-color:#02AEF7;
 border-radius:3px;
 color:#fff;
 padding:2px 5px;
 margin:0 20px;
 
 
}

.Notice .labelex{

 background-color:#21a35e;
 border-radius:3px;
 color:#fff;
 padding:2px 5px;
 margin:0 20px;
 
}

.Notice .labelloan{

 background-color:#adb30b;
 border-radius:3px;
 color:#fff;
 padding:2px 5px;
 margin:0 20px;
 
}

.Notice .labelstartup{

 background-color:#b94047;
 border-radius:3px;
 color:#fff;
 padding:2px 5px;
 margin:0 20px;
 
}

.Notice .text{

 color:black;
 width:100%; 

}

.Notice a{

 text-decoration:underline;

}


/*===========トピックス===========*/

.toppost{
  padding:15px;
}

.toppost .message{

 
 display:flex;
 justify-content:center;
 align-items:center;
 flex-wrap:wrap;
 

}

.toppost .message .msgbox{

 padding-top:10px;
 padding-left:20px;
 padding-right:20px;
 background:#e1f3fa;
 border-top:solid 5px #02AEF7;
 box-shadow:0 3px 5px rgba(0,0,0,0.22);

}



.toppost .message .msgbox p{

 margin-bottom:5px;

}

.toppost .message h2{

 width:100%;
 

}

.message .mes1{

 background-image:url();
 background-size:cover;
 background-position:center;
 text-align:center;
 color:#ffffff;
 box-sizing:border-box;
 display:flex;
 justify-content:center;
 align-items:center;
 border:solid 2px #ffffff; 
 border-radius:10px;
 background-color:rgba(41,171,226,0.5);
 margin-top:10px; 
 box-shadow:0 3px 5px rgba(0,0,0,0.22);

}



.message h3{

 text-align:center;
 font-size:20px!important;
 padding:15px;

}


.toppost .container{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

.toppost article{
  padding:0;
  width:45%;
  flex:none;
}





.toppost article:not(:nth-last-child(-n+2)){
   margin-bottom:12px;
}


.toppost figure{

  pandding:0px;
  margin:0;
  width:100%;
  flex:none;
}

.toppost img:hover{



}

.toppost img{
  vertical-align:bottom;
  width:100%;
  height:150px;  
  flex:none;
  
}

.toppost h2{
  margin:0;
  font-size:24px;
  text-align:center;
  padding:15px;
}


.toppost h3{
 margin:0;
 font-size:20px;
 
}



/*============地図==============*/

 .container h2{
  margin:0;
  font-size:24px;
  text-align:center;
  padding:15px;
}



.container .post{

max-width:100%;
margin-bottom:15px;


}


.container .post ul{
 
 padding :0;
 list-style-type:none;
 display:flex;
 justify-content:center;
 align-itmes:center;
 flex-wrap:wrap;
 width:100%; 
 
 margin:0;
}




.container .post ul li:first-child{

 
 border:solid 1px #cccccc;
 padding:5px;
 margin:0;
 text-align:left;
 display:flex;
 align-items:center;
 justify-content:center;
 background-color:#e6e6e6;
 word-wrap:break-all; 
 box-sizing:boder-box;
 
 width:100%;

}

.container .post ul li:nth-child(2){

 text-align:left;
 border:solid 1px #cccccc;
 padding:5px;
 margin:0;
 word-wrap:break-word; 
 overflow-wrap:break-word;
 width:100%;
 box-sizing:boder-box;

}

.container .post ul li p{

 width:100%;
 margin:0;

}

.container iframe{

 width:100%;

}




/*============フッターブロック================*/
footer{
  padding:25px 15px;
  font-size:14px;
  text-align:center;
  font-family: 'Exo 2', sans-serif;

}


/*=====================ドロワー=============================================================================-*/

#nav{

position:fixed;
top:0;
right:-220px;
width:220px;
height:100%;
background-color:black;
color:#ffffff;
padding:15px;
text-align:center;
box-sizing:border-box;

overflow: scroll;  /*追加コメント*/



}





#nav ul{

 padding:0;

}

#nav li{

 list-style-type:none;
 margin-bottom:20px; 

}




.show{

 transform:translate3d(-220px,0,0);

}

#check{

 
 display:none;


}

#nav,#wrapper{


 transition:transform 0.3s;


}


#nav #close{

 border :solid 2px #ffffff;
 cursor:default;

}

/*=====================================新規=============================================*/

.shinki{

 position:fixed;
 
 top:15vh;
 right:0;
-webkit-writing-mode:vertical-rl; 
-ms-writing-mode:tb-rl;
 writing-mode:vertical-rl;
 text-orientation:upright;
 background-color:rgba(255,215,0,0.5);
 display:flex;
 align-items:center;
 opacity:1;
 visibility:visible;
 cursor:pointer;

}


.shinki p{

 background-color:#ffffff;
 color:#000000;
 width:100%;
 cursor:default;
 padding-top:5px;
 padding-bottom:5px;
 padding-left:22px;
 padding-right:22px;
 margin:0;
}

.shinki .campaign p{

 padding:15px;
 margin:0;
 color:#000000;
 cursor:pointer;
 background-color:rgba(255,215,0,0);
}

.shinkino{

 opacity:0;
 visibility:hidden;
 position:fixed;

}

.shinkinoo{

 opacity:0;
 visibility:hidden;
 position:fixed;

}





/*=============税理士選択=============*/

.headchoice{

 background-image:url(photo/alexander-schimmeck-Aohf8gqa7Zc-unsplash.jpg);
 background-size:cover;
 background-position:50% 50%;
 height:400px;
 display:flex;
 justify-content:center;
 align-items:center;
 opacity:0.8;


}

.headchoice h2{
 color:#ffffff;
 font-size:200%;
 text-shadow:0 0 10px #444444; 
 letter-spacing:0.3em;
 width:100%; 
 text-align:center;
 box-sizing:border-box;
}


.choice article{
 
 background-color:#ffffff;

 padding:20px;

}

.choice h2{

 background-color:#02AEF7;
 color:#ffffff;
 text-align:left;

}

.choice p{
 text-align:left;
 margin-left:15px;

}

.choice h3{
 border-bottom:solid 3px #02AEF7;
 text-align:left;
 margin-bottom:10px;
 margin-left:15px;
}


.choice ul{

 list-style-type:decimal;
}

.choice ul h4{

 border-left:solid 0px;
 margin:0;
}

.choice .mokuji{

 border:solid 1px #02AEF7;
 background-color:#edebeb;
 margin-bottom:15px;
 width:100%;
 padding-right:10px;
}


.choice p a{

 text-decoration:underline;

}


.choice article .who div{

 width:100%;
 display:flex; 
 margin-top:10px;
 
 flex-wrap:wrap;

}

.choice article .who div li{

 width:100%;
 box-sizing:border-box; 

}

.choice article .who div :nth-child(2){

 max-width:5%;
 box-sizing:border-box; 
 margin-top:5px; 
 margin-right:0px;
 margin-left:0;
 color:#02AEF7;

}

.choice article .who div :nth-child(3){

 max-width:95%;
 box-sizing:border-box; 
 margin-top:5px;  
 margin-right:0;
 margin-left:0;
 padding-left:10px;

}



/*=============強み=============*/


.headstrong{

 background-image:url(photo/scott-graham-5fNmWej4tAA-unsplash.jpg);
 background-size:cover;
 background-position:50% 50%;
 height:400px;
 display:flex;
 justify-content:center;
 align-items:center;
 
}

.headstrong h2{
 color:#FFD700;
 font-size:200%;
 text-shadow:0 0 10px #444444; 
 letter-spacing:0.3em;
 width:100%; 
 text-align:center;
 box-sizing:border-box;
}

.strong{
background-color:#edebeb;
padding:15px

}

.strong h1{

  color:#fff;
  padding:10px;
  background-color:#02AEF7;  
  text-align:center;

}

.strong h2{

border-bottom: solid 3px #02AEF7;
text-align:left;

}



.strong p{
 text-align:left;
}


.strong article{
background-color:#ffffff;

padding:20px;

}

.strong article .under{

 padding:0;
 text-decoration:underline double #ff0000;
 
}

.strong ul{
 padding:0;
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 list-style-type:none;
 
}

.strong li{
 width:100%;
 padding:0;
}

.strong ul li{
 border:solid 1px #cccccc;
 

}

.strong ul h3{
 margin:0;
 border-bottom:solid 1px #cccccc;
 background-color:#02AEF7;
 color:#ffffff;
}




.boxzu p{
 margin:10px;


}

.boxzu figure{

 max-width:100%;
 margin-right:auto;
 margin-left:auto;
 text-align:center;
 margin-top:30px;

}

.boxzu img{

 max-width:100%;
 
}





.boxzu .times .switch{

 display:flex;
 align-itmes:center;
 justify-content:space-evenly;

}

.boxzu .times .switch p{

 width:30%;
 text-align:center;
 border:solid 1px black;
 border-radius:10px;
 cursor:pointer;

}

.boxzu .times .switch .select{

 background-color:rgba(41,171,226,0.7);

}

.boxzu .times .switch p:hover{

 opacity:0.7;

}



.sho ul{
 display:block;
 margin:0;
 padding-left:30px;
}

.strong .sho li{
 
 border-style:hidden;
 text-align:left;
 list-style-type:decimal;
 padding:0; 
 box-sizing:boder-box;
 
}

.sho h3{
 border-left:solid 3px #02AEF7;
 text-align:left;
 margin-bottom:10px;
}

.sho h4{
 margin:0;
 
}

.sho p{
 margin-top:10px;
 
}


.sho a{

 text-decoration:underline;

}

/*==========料　金==========*/

.headkakaku{
 
 background-image:url(photo/確定申告.jpg);
 background-size:cover;
 background-position:50% 50%;
 height:400px;
 display:flex;
 justify-content:center;
 align-items:center;
 
}

.headkakaku h2{
 color:#FFD700;
 font-size:200%;
 text-shadow:0 0 10px #444444; 
 width:100%; 
 text-align:center;
 box-sizing:border-box;
}

.container .kakaku{
padding:20px;

background-color:#ffffff;
}

.kakaku h3:first-child{

 margin-top:0;

}

.tablehead li{
  background-color:#2189EB;  
  color:#ffffff;
  
}

.container .kakaku ul{
 padding:0; 
 margin:0;
 display:flex;
 aligin-items:center;
 justify-content:center;
  
}

.container .kakaku li{
 list-style:none;
 width:20%;
 font-size:10px;
 padding-top:15px; 
 padding-bottom:15px; 

}


.container .kakaku li:not(:last-child){
 border:solid 1px #cccccc;
}

.container .kakaku li:last-child{
 border-right:solid 1px #cccccc;
 padding-bottom:0; 
 
}

.container .kakaku .kes{
 border-bottom:solid 1px #cccccc;
}

.frame{

 background-color:#edebeb;

 padding:15px;

}

.container .kakaku .sodan li:nth-child(2){

 border-right:solid 1px #ffffff;

}

.container .kakaku .sodan li:nth-child(3){

 border-left:solid 1px #ffffff;
 border-right:solid 1px #ffffff;
 text-align:center;
}

.container .kakaku .sodan li:nth-child(4){

 border-left:solid 1px #ffffff;

}

.container .kakaku .keieishien ul{

 display:flex;
 flex-wrap:wrap;
 width:100%;
 

}

.container .kakaku .keieishien li:nth-child(1){

 color:#ffffff;
 background-color:#2189EB;
 border:solid 1px #cccccc;
 width:100%;
 padding-left:5px;
}

.container .kakaku .keieishien li:not(:first-child){

 border:solid 1px #cccccc;
 width:100%;
 padding-top:15px;
 padding-bottom:15px;
 padding-left:5px;
}

.container .kakaku .sogyoyushi ul{

 display:flex;
 flex-wrap:wrap;
 width:100%;
 

}

.container .kakaku .sogyoyushi li:nth-child(1){

 color:#ffffff;
 background-color:#2189EB;
 border:solid 1px #cccccc;
 width:100%;
 padding-left:5px;
}

.container .kakaku .sogyoyushi li:not(:first-child){

 border:solid 1px #cccccc;
 width:100%;
 padding-top:15px;
 padding-bottom:15px;
 padding-left:5px;
}

.newprice{

 width:100%;
 border-collapse:collapse;
 font-size:10px; 
 line-height:1.8;
 word-break: break-all

}

.newprice th{

 border:solid 0.7px #000;
 background-color:#2189EB;
 color:#fff;
 padding-top:15px; 
 padding-bottom:15px; 

}

.newprice td{

 border:solid 0.7px #000;
 text-align:center;

}

.newprice th:nth-child(1){

 width:10%;


}

.newprice th:nth-child(n+2){

 width:30%;


}

.newprice .lva td:nth-child(n+2){

 text-align:left;
 vertical-align:top;

}

.newprice td:nth-child(1){

 background-color:#deefff;

}

.takakutei{

 width:100%;
 border-collapse:collapse;

}

.takakutei td{

 border:solid 0.7px #000;

}

.takakutei th{

 border:solid 0.7px #000;
 background-color:#2189EB;
 color:#fff;
 padding-top:15px; 
 padding-bottom:15px; 
 padding-left:10px; 
 width:40%;

}

.takakutei td{

 border:solid 0.7px #000;
 padding-top:15px; 
 padding-bottom:15px; 
 padding-left:10px; 

}


.newkeiei{

 width:100%;
 border-collapse:collapse;
 

}


.newkeiei tr{

 width:100%;
 text-align:left;

}

.newkeiei th{

 border:solid 0.7px #000;
 background-color:#2189EB;
 color:#fff;
 padding-top:15px; 
 padding-bottom:15px; 
 padding-left:10px; 
}

.newkeiei td{

 border:solid 0.7px #000;
 padding-top:15px; 
 padding-bottom:15px; 
 padding-left:10px; 

}

/*=============プロフィール=============*/

.headprofile{

 background-image:url(photo/hunters-race-MYbhN8KaaEc-unsplash.jpg);
 background-size:cover;
 background-position:50% 50%;
 height:400px;
 display:flex;
 justify-content:center;
 align-items:center;
 
}

.headprofile h2{
 color:#FFD700;
 font-size:200%;
 text-shadow:0 0 10px #444444; 
 letter-spacing:0.3em;
 width:100%; 
 text-align:center;
 box-sizing:border-box;
}





.profile{
background-color:#edebeb;
padding:15px

}

.profile h2{

border-bottom: solid 3px #02AEF7;
text-align:left;

}

.profile .ryakureki div{

 display:flex;
 flex-wrap:wrap;
 width:100%;

}



.profile .ryakureki p:nth-child(odd){

 text-align:left;
 max-width:30%;
 margin-top:8px;
 margin-bottom:8px;

}

.profile .ryakureki p:nth-child(even){

 width:68%;
 padding-left:2%;
 margin-top:8px;
 margin-bottom:8px;
}


.profile h3{

border-left: solid 3px #02AEF7;
text-align:left;

}


.profile ul{

 list-style-type:none;
 padding-left:20px;

}

.profile .point ul{

 list-style-type:square;
 padding-left:20px;

}

.profile p{
 text-align:left;
}

.profile article{
background-color:#ffffff;

padding:20px;

}

.profile img{
 width:150px;
 height:150px;
 border-radius:50%;
}
 
.profile figure{
 text-align:center;

}


.profile .zeirishi p{

 text-align:center;

}

.profile a{

 text-decoration:underline;

}


/*=============コンタクト=============*/

.headcontact{
 
 background-image:url(photo/julian-hochgesang-Dkn8-zPIbwo-unsplash.jpg);
 background-size:cover;
 background-position:50% 50%;
 height:400px;
 display:flex;
 justify-content:center;
 align-items:center;
 
}

.headcontact h2{
 color:#FFD700;
 font-size:200%;
 text-shadow:0 0 10px #444444; 
 width:100%; 
 text-align:center;
 box-sizing:border-box;
 letter-spacing:0.3em;
}

.contact{
background-color:#edebeb;
padding:15px

}

.contact .container article {

 display:flex;
 justify-content:center;
 flex-wrap:wrap;
 padding-top:25px;
 align-itmes:center;
 background-color:#ffffff;


}

.contact .container article .frame{

 height:800px;
 width:100%;
 display:flex;
 justify-content:center;
 align-itmes:center;
 padding:0;
 margin:0;
 background-color:#ffffff;

}

.contact .container article form{

 width:95%;

}

label select{

 width:95%;
 padding:10px;

}

input,textarea{

  width:100%;
  box-sizing:border-box;
  padding:10px;

}

 textarea{

  height:120px;

}

input[type="submit"]{

 background-color:#ffaa00;
 border:none;
 -webkit-appearance:none; 
 width:50%;
 pointer:;
 cursor:pointer;
 border-radius:10px;

}



.contact .container section{

 width:100%;
 padding:10px;
 margin:0;
 box-sizing:border-box;
 word-wrap:break-word;

}

.contact .container p a:hover{

 opacity:1;

}

.contact .container p a{

 text-decoration:underline;

}

.contact .line{

 width:100%;
 text-align:center;

}

.contact .line p{

 color:#67b061;

}

.sanks{

 position:fixed;
 top:0; 
 left:0;
 width:100vw; 
 height:100vh;
 background-color:rgba(0,0,0,0.5);
 margin:0;
 display:flex;
 justify-content:center;
 align-items:center;
 align-content:flex-end;
 text-align:center;
 visibility:visible;

}

.sanksno{

 position:fixed;
 opacity:0;
 visibility:hidden;
 height:0; 
 top:0;

}

.sanksmes{
 
 position:fixed;
 width:80%;
 background-color:white;
 border-radius:10px;
 border:5px solid #02AEF7; 
 text-align:center;
 padding-top:10px;
 padding-bottom:10px;

}

.sankscloss p{
 
 border:2px solid black;
 width:30%;
 text-align:center;
 margin-right:auto; 
 margin-left:auto;
 border-radius:10px;

}

/*===========契約までの流れ=============*/

.headkeiyaku{

 background-image:url(photo/契約.jpg);
 background-size:cover;
 background-position:50% 50%;
 height:400px;
 display:flex;
 justify-content:center;
 align-items:center;
 
}

.headkeiyaku h2{
 color:#FFD700;
 font-size:200%;
 text-shadow:0 0 10px #444444; 
 letter-spacing:0.5em;
 width:100%; 
 text-align:center;

}


.keiyaku{

 background-color:#ffffff;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
  
}

.keiyaku h2{

 margin-top:15px;
 

}

.keiyaku h3{

 margin-top:0;
 color:#1ac7a7;


}



.keiyaku article{

 
 width:80%;
 border:solid 4px #edebeb;
 margin-bottom:12px;
 margin-top:15px;
 padding:20px;
 word-wrap:break-word;
 
}

.keiyaku .kisu{

 background-color:#e6faf5;

}


.keiyaku .last{

 margin-bottom:30px;

}

 
.keiyaku p > a{

 text-decoration:underline;

}

.keiyaku p > a:hover {
	opacity:1;
}


.arrow{
 
 width:18px;
 height:18px;
 margin:0.1px;
 border-bottom:4px solid #000;
 border-right:4px solid #000;
 transform:rotate(45deg);
 
}

/*=============ブログ=============*/

.blog{

 background-color:#ffffff;
 padding:15px;

}


.headblog{

 background-image:url(photo/tyler-franta-iusJ25iYu1c-unsplash.jpg);
 background-size:cover;
 background-position:50% 50%;
 height:400px;
 display:flex;
 justify-content:center;
 align-items:center;
 
}



.headblog h2{

 font-size:200%;
 color:#FFD700;
 text-shadow:0 0 10px #444444; 
 letter-spacing:0.5em;
 width:100%; 
 text-align:center;
 

}

.blog article{

 display:flex;
 align-items:center;
 flex-direction:column;
 justify-content:space-between;
 margin:10px;
 

}

.blog article:nth-child(odd){

 background:linear-gradient(to left top,#1dadf5,#c0e7fa);

}

.blog article:nth-child(even){

 background:linear-gradient(to left top,#5ae5ed,#ddeff0);

}


.blog .kiji{

 background-color:#ffffff;
  

}

.blog .kiji{

 width:100%; 

}

.blog .kiji h3,.blog .kiji p{

 width:100%;
 
 word-wrap:break-word;


}


.blog .day{

 
 text-align:center;
 
 margin:auto;
 

}

.blog .day h2{

 color:#ffffff;
 margin:0;
 box-sizing:border-box; 
 padding:0;
 word-wrap:break-word;
}

.blog .page{

 display:flex;
 flex-wrap:wrap;
 justify-content:center; 
 align-items:center;

}

.blog .page div{

 border:solid 1px #000;
 width:20px;
 height:20px;
 text-align:center;
 display:flex;
 justify-content:center; 
 align-items:center; 
 cursor:pointer;

}

.blog .page div:not(:last-child){

 margin-right:10px;

}

.blog .page div a{

 margin:0;

}

.blog .page div:nth-child(1){

 background:linear-gradient(to left top,#5ae5ed,#ddeff0);

}

.blog .page #nopage{

 background-color:#fff;
 background:linear-gradient(to left top,#fff,#fff);


}

.blog .page #yespage{

 background-color:#fff;
 background:linear-gradient(to left top,#5ae5ed,#ddeff0);
 
}




/*==============記事===============*/


.naiyo{

 display:flex;
 flex-direction:column;
 justify-content:center;
 
 padding:15px;


}

.dayp{

 background:linear-gradient(to left top,#ddeff0,#5ae5ed);
 
}

.dayp .hiduke{

 font-size:25px;
 color:#ffffff;
 padding:15px;

}

.daypp{

 background:linear-gradient(to left top,#c0e7fa,#1dadf5);
 
}

.daypp .hiduke{

 font-size:25px;
 color:#ffffff;
 padding:15px;

}

.naiyo{

 background-color:#ffffff; 

}

.naiyo article h1{

 text-align:left;
 font-size:x-large;
 border-left:solid 10px #02AEF7;
 padding-left:10px;

}

.naiyo article h2{

 text-align:left;
 color:#ffffff;
 background-color:#02AEF7;
 font-size:large;

}

.naiyo article h3{

 border-bottom:solid 3px #02AEF7;
 text-align:left;
 font-size:large;
 

}

.naiyo article a{

 text-decoration:underline;

}

/*============Excelの部屋=============*/

.headexcel{

 background-color:#21a35e;

 display:flex;
 justify-content:center;
 align-items:center;
 height:400px; 

}

.headexcel h2{

 font-size:200%;
 text-shadow:0 0 10px #444444; 
 letter-spacing:0.5em;
 width:100%; 
 text-align:center;
 color:#ffffff;


}

.excel article{

 display:flex;
 text-align:center;
 align-items:center;
 margin-bottom:3%;
 flex-wrap:wrap;

}


.excel .gaiyo{

 text-align:left;
 
 padding-top:10px;
 padding-left:20px;
 padding-right:20px;
 background-color:#ffffff;
 border-top:solid 10px #21a35e;
 box-shadow:0 3px 5px rgba(0,0,0,0.22);
 
}

.excel .gaiyo p{

 margin-top:5px;

}


.excel .ex{

 width:100%;
 background-color:#21a35e;
 height:auto;
 text-align:center;
 display:flex; 
 align-items:center;
 justify-content:center;
}


.excel .ex h2{

 color:#ffffff;
 text-align:center;

}

.excel .kiji{

 width:100%;
 background-color:#ffffff;
 height:auto;
 text-align:left;
 display:flex; 
 align-items:center;
 justify-content:center;
 padding-left:2%;
 padding-right:2%;

}


/*======================会社設立の部屋========================*/

.headstartup{

 background-image:url(photo/startup.jpeg);
 background-size:cover;
 background-position:50% 50%;
 height:400px;
 display:flex;
 justify-content:center;
 align-items:center;
 
}

.headstartup h2{

 font-size:200%;
 text-shadow:0 0 10px #444444; 
 letter-spacing:0.5em;
 width:100%; 
 text-align:center;
 color:#FFD700;


}



/*======================融資の部屋========================*/

.headloan{

 background-image:url(photo/loan.jpg);
 background-size:cover;
 background-position:50% 70%;
 height:400px;
 display:flex;
 justify-content:center;
 align-items:center;
 
}

.headloan h2{

 font-size:200%;
 text-shadow:0 0 10px #444444; 
 letter-spacing:0.5em;
 width:100%; 
 text-align:center;
 color:#FFD700;


}



/*=============PC版設定=============*/

@media (min-width:1025px){

.home h1{

 margin-bottom:30px;

}

.container{

width:100%;
max-width:1100px;
margin-left:auto;
margin-right:auto;
}

.Notice{

max-width:1100px;
margin-left:auto;
margin-right:auto;


}

.Notice .text{

 width:auto; 

}

.message{

max-width:1100px;
margin-left:auto;
margin-right:auto;

}


.home{

 padding-top:0;

}

.home h1{
  font-size:36px;
  

}

.home p{

 font-size:25px;
 width:80%;

}

header{

 padding-top:0;
 padding-bottom:0;
 padding-left:0px;
 padding-right:0px;

}

.pankuzu{

 max-width:1100px;
 margin-left:auto;
 margin-right:auto;
 padding:0;

}






/*================================ヘッダー編集====================================*/


header .container{
display:flex;
justify-content:space-between;
align-items:flex-start;


}

.zeirisi{

 width:30%;

}

.headlist{

 width:70%;

}

.headlist ul{

display:flex;
flex-wrap:wrap;
justify-content:flex-end;

}

header nav li{
  margin-right:20px;
}


/*===========トピックス===========*/



.toppost .message .msgbox p{

 font-size:large;

}

.message .mes1{
 width:48%;
}

.message .mes2{
 width:48%;
}

.container .hamberger{

 display:none;

}



header nav li{
 margin-top:0;
 
}

header nav ul{

 display:flex;
 text-align:center;

}


.toppost img{
 
  height:200px;  
  
}

.toppost article{

 width :23%;
 
}


/*=================地図===================*/

.container .post ul{

flex-wrap:nowrap;

}


.container .post ul li:first-child{

 text-align:center;
 width:30%;

}

.container .post ul li:nth-child(2){

 
 width:70%;
 

}





/*=============税理士選択===============*/

.choice .mokuji{

 width:50%;
 
}

.choice article p{

 font-size:large;

}

.choice article .who{

 font-size:large;

}






/*===========強み=============*/


.strong li{
 width:32%;
 box-sizing:border-box;
}

.strong article p{

 font-size:large;

}

.sho li{
 width:80%;
}

.boxzu img{

 max-width:85%;
 
}

.boxzu .times .switch{

 justify-content:center;

}


.boxzu .times .switch p{

 width:10%;
 
}

.boxzu .times .switch:not(:last-child){

 margin-right:20px;

}


/*=============コンタクト===============*/

.contact .container section{

 width:95%;
 padding:10px;
 margin:0;
 box-sizing:border-box;
 

}

input[type="submit"]{

 width:30%;
 
}

.sanksmes{
 
 width:50%;
 
}

.sankscloss p{

 cursor:pointer;

}


/*===========料金=============*/


.container .kakaku li{
 
 font-size:20px;
 

}

.newprice{

 font-size:large;

}

.takakutei{

 font-size:large;

}

.takakutei th{

width:30%;

}

.takakutei td{

width:70%;

}

.newkeiei{

 font-size:large;

}



/*===========プロフィール=============*/


.profile img{
 width:250px;
 height:250px;
 
}

.profile article p{

 font-size:large;

}



.head h2{

 font-size:300%;

}


/*===========ブログ=============*/

.blog article{

 flex-direction:row;
 justify-content:space-between;
 height:150px;

}

.blog .day{

width:20%;

}

.blog .kiji{

 padding-left:20px;
 width:75%;
 height:150px;

}






/*===========記事=============*/

.naiyo article h1{

 font-size:xx-large;

}

.naiyo article h2{

 font-size:x-large;

}


.naiyo article h3{

font-size:x-large;

}

.naiyo article p{

 font-size:large;

}

.naiyo .day{

 width:30%;

}


/*============Excelの部屋=============*/


.excel .kiji p ,.excel .gaiyo p{

font-size:large;

}


.excel .ex{

 height:150px;
 width:30%;

}

.excel .kiji{

 height:150px;
 width:66%;

}

/*==================新規====================*/

 .shinki p{

 font-size:large;

}



}
/*=============PC版（大）設定=============*/

@media (min-width:1025px){

.container{

width:100%;
max-width:1100px;
margin-left:auto;
margin-right:auto;

}

.message{

max-width:1100px;
margin-left:auto;
margin-right:auto;

}

.home{

 max-width:1100px;
 margin-left:auto;
 margin-right:auto;

}



}