.pc{display:none}

/*html5*//**/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

* {margin:0;padding:0;}

body {
margin:0;padding:0;
text-align:center;
background:#fff url() left top repeat-y;
font-family:"BIZ UDMincho","BIZ UDGothic",Georgia, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-size:15px;
}

a{outline:none;color:#114AA2}
a:link,a:visited{color:#114AA2}
a:hover,a:active{color:#AD0B0E}

p,li,dt,dl {line-height:1.8}
p {margin:1em 0;}
li {list-style-type:none;}
img {border:0;width:auto;height:auto}
img, div, input { behavior: url(../js/iepngfix.htc) }
a img,
area{outline:none}

.txts{font-size:small}
.txtl{font-size:large}
.bold{font-weight:bold}
.wide{letter-spacing:0.2em}
.caution{color:#D83033}

address {font-style:normal;}

.clear {clear:both;}

header,
#contents,
footer{position:relative;}

/*imagemap for Responsive design*//**/
img[usemap] {
    max-width: 100%;
    height: auto;
}

/*COMMON================================================================*//**/
/*container*//**/
header,
main article{width:96%;padding:0 2% 0 2%}
footer{width:100%;padding:0 0 0 0}
/*height*//**/
footer{padding:30px 0 10px 0}
/*flexbox*//**/
main .bgbox{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

/*footer*//**/
footer h4,
footer nav{display:block;vertical-align:top}
footer h4{padding-bottom:20px}
footer nav{
	font-family:"BIZ UDGothic","BIZ UDPGothic","ヒラギノ角ゴ Pro W3", Verdana, Arial;
}
footer nav ul{width:100%}
footer nav ul li a{
	display:block;width:98%;text-decoration:none;
	font-size:18px;text-align:left;line-height:2.2;
	padding:8px 0 8px 2%;
	border-width:0 0 1px 0;
	border-style: solid}
footer nav ul li:first-child a{border-top:1px solid}
footer nav copy{display:block;padding:20px 0;font-size:14px}

/*I N D E X====================================================================*//**/
/*BG*//**/
#index header,
#index main article:nth-child(1){background:#474747}
#index main article:nth-child(2),
#index footer{background:#ffffff}

#index main article:nth-child(1){
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}
#index main article:nth-child(2){
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	min-height:360px;
}

#index header{padding-bottom:20px}
#index main article{display:inline-block}
#index main article{text-align:left;vertical-align:top;padding-top:25px}
#index main article h2{
	width:90%;font-size:18px;font-weight:bold;border-left:5px solid;padding:5px;
}
#index main article:nth-child(2){position:relative}
#index main article:nth-child(2) p{width:70%}
#index main article:nth-child(2) img.illust{
	position:absolute;right:2%;bottom:20px;width:auto;
}
#index main article:nth-child(2) img.illust{max-height:240px;width:auto}
#index main article:nth-child(2) p img{border:1px solid #474747}

#index main article:nth-child(1){color:#ffffff;padding-bottom:20px}

/*YES-NO*//**/
#index .yesno{
	width:90%;
	background:#e5e5e5;color:#000000;border-radius:3px;text-align:center;padding:30px 5%;
	font-family:"BIZ UDGothic","BIZ UDPGothic", "ヒラギノ角ゴ Pro W3", Verdana, Arial;
}
#index .yesno h3{font-size:18px;font-weight:bold;line-height:1.5}

#index .yesno div {
	margin-top : -50px!important;
	padding-top : 50px!important;
}


#index .yesno div p{font-size:14px}
#index .yesno div p.end{text-align:left;font-size:13px}
#index .yesno div p.end a{font-size:14px}
#index .yesno div ul li a,
#index .yesno div[id*="End4"] a{
	text-align:center;
	text-decoration:none;
	display:block;
	padding:3px 1%;margin:6px 0 ;background:#848484;color:#ffffff;
	width:98%;
	border-radius:1px;
}

#index .yesno p a.nobutton{
	text-align:center;display:block;background:none;color:#3D3D3D!important;
	text-decoration:none;
}
#index .yesno div[id*="End"] p a.nobutton{margin:0;padding:0}

#index .yesno div ul li a{
	transition:0.3s;
}
	
#index .yesno div ul.col_3 li:first-child a:hover{background:#5972B2}
#index .yesno div ul.col_3 li:nth-child(2) a:hover{background:#579B50}
#index .yesno div ul.col_3 li:last-child a:hover{background:#D3A342}

#index .yesno div ul.col_2 li:first-child a:hover{background:#c81d1d}
#index .yesno div ul.col_2 li:last-child a:hover{background:#003992}

#index .yesno div[id*="q_web_End"] a{margin-top:20px;background:#5972B2} 
#index .yesno div[id*="q_ad_End"] a{margin-top:20px;background:#579B50}
#index .yesno div[id*="q_program_End"] a{margin-top:20px;background:#D3A342}
#index .yesno div a.nobutton{background:none}
#index .yesno div[id*="End1"] img{margin:20px 0 10px 0}
#index .yesno div[id*="q_web_End2"] h3,
#index .yesno div[id*="q_web_End3"] h3,
#index .yesno div[id*="q_web_End4"] h3{color:#213E7F} 
#index .yesno div[id*="q_ad_End2"] h3,
#index .yesno div[id*="q_ad_End3"] h3,
#index .yesno div[id*="q_ad_End4"] h3{color:#2F6829} 
#index .yesno div[id*="q_program_End2"] h3,
#index .yesno div[id*="q_program_End3"] h3,
#index .yesno div[id*="q_program_End4"] h3{color:#96691A} 

#index footer nav a,
#index footer copy{color:#3F3F3F!important}
#index footer nav ul li{border-color:#A8A8A8}

/*S U B P A G E ==================================================================*//**/

/*subpage header*//**/
.sub header article{
	color:#ffffff;position:relative;
	width:100%;padding:30px 0!important;
	text-align:center;vertical-align:top;
}
.sub header article h2{width:auto;font-size:18px;font-weight:bold;border-left:5px solid;padding-left:5px}
.sub header h1 img{margin-top:40px}
.sub header article p{width:100%}

.sub header article h2,
.sub header article p{text-align:left;}
.sub header article p.right{text-align:right!important}
.sub header article img.illust{
	max-width:60%;max-height:260px;width:auto;height:auto;
	padding:0;margin:0}
.sub header img#popup-index,
.sub header img#popup-company,
.sub header img#popup-contact,
.sub header img#popup-web,
.sub header img#popup-ad,
.sub header img#popup-program{display:none}

/*subpage main*//**/
.sub main{text-align:left}
.sub main article{
	width:96%;padding:30px 2% 30px 2%;display:inline-block;
	text-align:left;vertical-align:middle;
}
.sub main article h2{
	width:96%;text-align:left;
	line-height:1.6;
	font-size:16px;font-weight:bold;border-bottom:1px dashed;padding:5px 2%;
}

/*web======================================*//**/
#web,#web a{color:#354B7C}
#web header,
#web main div:nth-child(2) article:nth-child(2){
	color:#ffffff;
	background:#354B7C;
}
#web main div:nth-child(2) article:nth-child(2) a{color:#ffffff}

#web main div:nth-child(1) article:nth-child(2),
#web main div:nth-child(2) article:nth-child(1){display:none}
#web footer nav a,
#web footer copy{color:#354B7C!important}
#web footer nav ul li{border-color:#354B7C}


/*ad======================================*//**/
#ad,#ad a{color:#3B7233}
#ad header,
#ad main div:nth-child(2) article:nth-child(2){
	color:#ffffff;
	background:#3B7233;
}
#ad main div:nth-child(2) article:nth-child(2) a{color:#ffffff}

#ad main div:nth-child(1) article:nth-child(2),
#ad main div:nth-child(2) article:nth-child(1){display:none}
#ad footer nav a,
#ad footer copy{color:#3B7233!important}
#ad footer nav ul li{border-color:#354B7C}

/*program======================================*//**/
#program,#program a{color:#B78020}
#program header,
#program main div:nth-child(2) article:nth-child(2){
	color:#ffffff;
	background:#B78020;
}
#program main div:nth-child(2) article:nth-child(2) a{color:#ffffff}

#program main div:nth-child(1) article:nth-child(2),
#program main div:nth-child(2) article:nth-child(1){display:none}
#program footer nav a,
#program footer copy{color:#B78020!important}
#program footer nav ul li{border-color:#B78020}

/*company======================================*//**/
#company,#company a{color:#B78020}
#company header,
#company main div:nth-child(2) article:nth-child(2){
	color:#ffffff;
	background:#B78020;
}
#company main div:nth-child(2) article:nth-child(2) a{color:#ffffff}

#company main div:nth-child(1) article:nth-child(2),
#company main div:nth-child(2) article:nth-child(1){display:none}
#company footer nav a,
#company footer copy{color:#B78020!important}
#company footer nav ul li{border-color:#B78020}

/*contact======================================*//**/
#contact,#contact a{color:#C13869}
#contact header,
#contact main div:nth-child(2) article:nth-child(2){
	color:#ffffff;
	background:#C13869;
}
#contact main div:nth-child(2) article:nth-child(2) a{color:#ffffff}

#contact main div:nth-child(1) article:nth-child(2),
#contact main div:nth-child(2) article:nth-child(1){display:none}
#contact footer nav a,
#contact footer copy{color:#C13869!important}
#contact footer nav ul li{border-color:#C13869}

/*form*//**/
/*メール送信完了*/
#contact header p.spmes{
	width:92%;
	position:absolute;top:5px;left:2%;background:#ffffff;color:#C13869;
	border-radius:1px;padding:5px 2%;
}

#contact main article table{width:100%}
#contact main article table tr th,
#contact main article table tr td{padding:3px 1%;vertical-align:middle}
#contact main article table tr th{width:8em!important;font-weight:bold}
#contact main article table tr td{width:auto;}
#contact main article table tr td input[type="text"],
#contact main article table tr td input[type="email"],
#contact main article table tr td input[type="tel"],
#contact main article table tr td textarea{width:96%;padding:3px 2%;border:1px solid #cccccc}
#contact main article table tr td textarea{height:120px}
#contact main article table tr td input[type="submit"]{
	width:auto;
	display:inline;
	padding: 5px 30px;
	background-color:#CB4371;
	color: #fff;
	border-style: none;
	cursor: pointer;
}
#contact main article table tr td input[type="text"].alart,
#contact main article table tr td input[type="email"].alart,
#contact main article table tr td textarea.alart{border:1px solid #FF054B}


#contact main article table tr td:last-child{text-align:center}
#contact main article p.center{text-align:center}
#contact main article span.tel{font-size:24px!important}

/*link======================================*//**/
#link,#link a{color:#494082}
#link header
{color:#ffffff;
background:#494082;
}
#link main article{
	background:#ffffff;padding-bottom:0px!important;padding-top:0px!important;}
#link main .bgbox:last-child article:last-child{padding-bottom:30px!important}
#link main article a{color:#494082}
#link main article ul{margin:0!important;padding:0!important}
#link main article ul li {line-height:1.5;padding:12px 0;font-weight:bold}
#link main article ul li a{color:#494082;text-decoration:none}
#link main article ul li a span{display:block;font-weight:normal;color:#655ca1}


#link footer nav a,
#link footer copy{color:#494082!important}
#link footer nav ul li{border-color:#494082}