body	{color: #4444444;font-size: 16px;line-height: 180%;font-family: Meiryo,"メイリオ","Hiragino Sans", "Hiragino Kaku Gothic ProN",  "sans-serif";overflow-x: hidden}

/*----common parts-----------------------*/

/*共通の横幅指定*/
.cwrap	{width: 1100px;margin: 0 auto}

/*共通のブロック下マージン指定*/
.sblock	{padding-bottom: 100px;}
.sblock2	{padding-bottom: 30px;}

.pc96ovonly	{display: inline}
.pc90ovonly	{display: inline}
.pc96udonly	{display: none}
.sp56only	{display: none}
.sp48only	{display: none}

img	{width: 100%;height: auto;line-height: 0;}

ul.disc	{margin-left: 1em;list-style-type: disc}

.textcenter	{text-align: center}


@media only screen and (max-width: 1100px) {
.cwrap	{width: 96%;margin: 0 2%}
}
@media only screen and (max-width: 900px) {
.pc90ovonly	{display: none}
}
@media only screen and (max-width: 960px) {
.pc96ovonly	{display: none}
.pc96udonly	{display: inline}
}


@media only screen and (max-width: 560px) {
.cwrap	{width: 92%;margin: 0 4%}
.sblock	{padding-bottom: 50px;}
.sp56only	{display: inline}
}

@media only screen and (max-width: 480px) {.sp48only	{display: inline}}



/*----#header-----------------------*/

#header	{position: relative;height: 110px;background: #fff;z-index: 3;}
#studio-tou #header	{background: none;}

#headinner	{display: flex;justify-content: space-between;padding: 10px 0;}
.logoname	{display: flex;align-items: center;}
.headlogo		{width:110px;margin-right: 10px;}
.headlogo		img	{width: 100%;height:auto;}
.headname	{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.headname	span{font-size: 130%;font-weight: bold;}
.headname	a{text-decoration: none;color: #000;transition: all 0.5s;}
.headlogo	a	img{transition: all 0.5s;}
.headname	a:hover,.headlogo	a	img:hover{opacity: .5}

@media only screen and (max-width: 1000px) {
#header	{height: auto;}
#headinner	{display: block;padding: 10px 0 0 0;}
}

@media only screen and (max-width: 560px) {
.headlogo		{width:90px;margin-right: 5px;}
.headname	span{font-size: 110%;}
}


/*----#main-----------------------*/
#main	{padding-top: 100px}

/*----#footer-----------------------*/
#footer	{padding-top: 80px}

#page-top	{margin-bottom: 55px;text-align: center}
#page-top	a{display: block;width: 60px;height:60px;margin: 0 auto;color: #dd1f24;font-size: 50px;border: 2px solid #e7141a;border-radius: 50%;transition: all 0.5s;}
#page-top	a:hover{color: #999;border: 2px solid #999}


/*footerinner*/
#footinner	{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom:20px;}
.logoadress	{display: flex;align-items: flex-end;}
.footlogo	{ width:120px;margin-right: 30px;}
.footlogo	img	{width: 100%;height:auto;}
.adress	{font-size: 80%;text-align: right; line-height: 150%;}
.adress	a{color: #333;text-decoration: none;}
.flootlink1,.flootlink2	{display: flex;height: 110%;border-left: 1px solid #333;}
.flootlink2	{flex-basis: 50%;flex-wrap: wrap;border-left: none;}
.flootlink1	li,.flootlink2	li	{border-right: 1px solid #333;line-height: 100%;}

.flootlink2	li	{text-align: center}
.flootlink2	li:nth-child(1)	{flex-basis: 20%;margin-bottom: 15px;border-left: 1px solid #333;}
.flootlink2	li:nth-child(2)	{flex-basis: 20%;margin-bottom: 15px}
.flootlink2	li:nth-child(3)	{flex-basis: 20%;margin-bottom: 15px}
.flootlink2	li:nth-child(4)	{flex-basis: 39%;margin-bottom: 15px}

.flootlink2	li:nth-child(5)	{flex-basis: 40%;border-left: 1px solid #333;}
.flootlink2	li:nth-child(6)	{flex-basis: 20%;}
.flootlink2	li:nth-child(7)	{flex-basis: 39%;}

.flootlink1	a,.flootlink2	a	{display: block;padding: 3px 15px;color: #333;text-decoration: none;line-height: 100%;transition: all 0.5s;}
.flootlink1	a:hover,.flootlink2	a:hover		{color: #0f6bb0;}


@media only screen and (max-width: 1100px) {
#footinner	{display: block;overflow: hidden;}

.flootlink2	{width: 100%;}

.flootlink2	a	{padding: 3px 5px;}

.flootlink2	li:nth-child(1)	{flex-basis: 8%;margin-bottom: 0}
.flootlink2	li:nth-child(2)	{flex-basis: 9%;margin-bottom: 0}
.flootlink2	li:nth-child(3)	{flex-basis: 9%;margin-bottom: 0}
.flootlink2	li:nth-child(4)	{flex-basis: 20%;margin-bottom: 0}
.flootlink2	li:nth-child(5)	{flex-basis: 25%;}
.flootlink2	li:nth-child(6)	{flex-basis: 9%;}
.flootlink2	li:nth-child(7)	{flex-basis: 20%;}
.flootlink2	li:nth-child(5)	{border-left: none;}

.logoadress	{margin-bottom: 1em;}
.adress	{text-align: left;}
.flootlink1,.flootlink2	{float: right;margin: 0 0 0 auto;}
}


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

.flootlink1,.flootlink2	{width: 100%;display: block;border:none;text-align: left;}



.flootlink1	li,.flootlink2	li	{margin: 0 0 .5em 0;border:none;text-align: left;}
.flootlink2	li:nth-child(1)	{border-left: none;}
.flootlink2	li:nth-child(1)	,
.flootlink2	li:nth-child(2)	,
.flootlink2	li:nth-child(3),
.flootlink2	li:nth-child(4)	{margin-bottom:  .5em}
.flootlink1	a,.flootlink2	a	{padding: 3px 0;}
}



/*footerinner 20230725改訂*/
#foot-inner	{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom:20px;}

.logo-adress	{flex-basis: 40%;display: flex;align-items: flex-end;}
.foot-logo	{width:105px;margin-right: 10px;}
.foot-logo	img	{width: 100%;height:auto;}

.foot-adress	{font-size: 80%;text-align: right; line-height: 150%;}
.foot-adress	a{color: #333;text-decoration: none;}

.floot-link{display: flex;height: 110%;border-left: 1px solid #333;}
.floot-link	{flex-basis:60%;flex-wrap: wrap;border-left: none;}
.floot-link	li	{border-right: 1px solid #333;line-height: 100%;}

.floot-link	li	{text-align: center}
.floot-link	li:nth-child(1)	{flex-basis: 15%;margin-bottom: 10px;border-left: 1px solid #333;}
.floot-link li:nth-child(2)	{flex-basis: 15%;margin-bottom: 10px;}
.floot-link	li:nth-child(3)	{flex-basis: 14%;margin-bottom: 10px;}
.floot-link	li:nth-child(4)	{flex-basis: 26%;margin-bottom: 10px;}
.floot-link	li:nth-child(5)	{flex-basis: 30%;margin-bottom: 10px;}

.floot-link	li:nth-child(6)	{flex-basis: 30%;border-left: 1px solid #333;}
.floot-link	li:nth-child(7)	{flex-basis: 20%;}
.floot-link	li:nth-child(8)	{flex-basis: 20%;}
.floot-link	li:nth-child(9)	{flex-basis: 30%;}

.floot-link	a	{display: block;padding: 3px 0;color: #333;font-size: 90%;text-decoration: none;line-height: 100%;transition: all 0.5s;}
.floot-link	a:hover		{color: #0f6bb0;}


@media only screen and (max-width: 1100px) {
#foot-inner	{display: block;overflow: hidden;}

.floot-link	{width: 100%;}

.floot-link	a	{padding: 3px 5px;}

.floot-link	li:nth-child(1)	{flex-basis: 8%;margin-bottom: 0}
.floot-link	li:nth-child(2)	{flex-basis: 9%;margin-bottom: 0}
.floot-link	li:nth-child(3)	{flex-basis: 9%;margin-bottom: 0}
.floot-link	li:nth-child(4)	{flex-basis: 20%;margin-bottom: 0}
.floot-link	li:nth-child(5)	{flex-basis: 25%;}
.floot-link	li:nth-child(6)	{flex-basis: 9%;}
.floot-link	li:nth-child(7)	{flex-basis: 20%;}
.floot-link	li:nth-child(5)	{border-left: none;}

.logofoot-adress	{margin-bottom: 1em;}
.foot-adress	{text-align: left;}
.floot-link	{float: right;margin: 0 0 0 auto;}
}


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

.floot-link	{width: 100%;display: block;border:none;text-align: left;}



.floot-link	li	{margin: 0 0 .5em 0;border:none;text-align: left;}
.floot-link	li:nth-child(1)	{border-left: none;}
.floot-link	li:nth-child(1)	,
.floot-link	li:nth-child(2)	,
.floot-link	li:nth-child(3),
.floot-link	li:nth-child(4)	{margin-bottom:  .5em}
.floot-link	{padding: 3px 0;}
}
/*//footerinner 20230725改訂*/


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

#main	{padding-top: 30px}

.logoadress	{display: block;}
.footlogo	{margin: 0 0 20px 0;}

.logo-adress	{display: block;}
.foot-logo	{margin: 0 0 20px 0;}
}

/*copyright*/
#copyright	{padding: 10px;background: #dd1f24;color: #fff;font-size: 80%;text-align: center;line-height: 160%;}



