@charset "utf-8";
/* css document */

@import ;

body.headmg {
	margin-top: 52px;
	height: auto !important;
}
#logoarea img,
header img{
	vertical-align:top;
}
#contents{
	font-family:"微软雅黑","microsoft yahei",'simsun', sans-serif !important;
	font-size:14px;
	line-height:2.2;
	width:100%;
	min-width:1240px;
	word-wrap:break-word;
	word-break:break-word;
}

#chinese #contents{
    font-family: 'noto sans sc', "微软雅黑","microsoft yahei",'simsun', sans-serif !important;
}

/*-----
mainvisual
------------------------------*/
#mainv{
	height:690px;
	position:relative;
	background-color:#f4f4f4;
	text-align:center;
	overflow:hidden;
}
#mainv h2{
	position:absolute;
	z-index:10;
	width:100%;
}
#mainv .mainvpht{
	position:absolute;
	margin:0 auto;
	z-index:20;
	width:100%;
}
#mainv .mainvtxt{
	position:absolute;
	bottom:0%;
	z-index:30;
	width:100%;
}
#personjump{
	display:none;
}

/*-----
gankomono
------------------------------*/
#gankomono{
	height:400px;
	background:url(/uploads/image/xosi/27/bg_gankomono.gif) no-repeat 0 0;
	background-size:cover;
	margin-bottom:60px;
	color:#fff;
	text-align:center;
}
#gankomono h2{
	padding-top:90px;
	margin-bottom:35px;
}

/*-----
qanda
------------------------------*/
.qatitle {
	text-align: left;
	font-size: 300%;
	font-weight: bold;
	margin-bottom: 50px;
	background-color: #111111;
	color: #ffffff;
	padding: 4px 44px 6px;
	line-height: 1.5;
	width: 760px;
}
.person01{
	background:url(/uploads/image/xosi/27/bg_person01_pc.jpg) no-repeat 0 0;
}
.person02{
	background:url(/uploads/image/xosi/27/bg_person02_pc.jpg) no-repeat 0 0;
}
.person01,
.person02{
	text-indent:-9999px;
	min-height:540px;
	background-size:100%;
}

.qabox{
	width:100%;
	padding-top:80px;
}
.qabox .qaimg{
	width:50%;
}
.qabox .qaimg img{
	width:100%;
}
.qabox .qatxt{
	width:38%;
	padding:0 6%;
}
.qabox .titlewrap {
	margin: auto;
	padding-bottom: 40px;
	width: 90%;
}
.qabox .titlewrap .question{
	font-size:175%;
	font-weight:bold;
	line-height:30px;
	min-height:60px;
	padding:14px 0 22px 80px;
	border-bottom:dashed 1px #cccccc;
	background:url(/uploads/image/xosi/27/ico_question.gif) no-repeat left top;
	margin: 0 auto 30px;
}
.qabox .titlewrap .answer{
	font-size:285%;
	font-weight:bold;
	line-height:1.5;
	color:#00a7ac;
	padding:0 0 0 80px;
	background:url(/uploads/image/xosi/27/ico_answer.gif) no-repeat left top;
	margin: 0 auto 25px;
}
#japanese .qabox .qatxt .answer{
	font-size:265%;
	line-height:1.4;
}
.qabox .qatxt .answer_sub{
	padding:0;
}
.qabox .qatxt .answertitle {
	font-size: 175%;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 10px;
}

/*-----
profile
------------------------------*/
.profilebox{
	width:75%;
	margin:80px auto;
	padding:2.5%;
	background-color:#f4f4f4;
}
.profilebox .profiletxt{
	width:62%;
	margin-right:3%;
}
.profilebox .profiletxt .name p{
	line-height:1.4;	
	font-size:120%;
	color:#00a7ac;
	margin-bottom:20px;
}
.profilebox .profiletxt .caption{
	padding-top:20px;
	font-size:90%;
	line-height:2.0;
	background:url(/uploads/image/xosi/27/bg_name.gif) no-repeat left top;
}
.profilebox .profileimg{
	width:35%;
	overflow:hidden;
}
.profilebox .profileimg img{
	width:100%;
}

/*-----
previous lists
------------------------------*/
.previousbox{
	width:80%;
	margin:0 auto 65px;
}
.previousbox h3{
	font-size:40px;
	line-height:1;
	text-align:center;
	letter-spacing:2px;
	font-weight:bold;
	color:#00a7ac;
	height:20px;
	border-bottom:2px solid #00a7ac;
	margin-bottom:50px;
}
.previousbox h3 span{
	margin:0 auto;
	padding:0 30px;
	background-color:#ffffff;
}
.previousbox .previousinnerbox{
	width:92%;
	margin:0 auto;
}
.previousbox .previousinnerbox .articlelists div{
	outline:none;
}
.previousbox .previousinnerbox .articlelists div .listbox{
	width:90%;
	padding:0 5%;
}
.previousbox .previousinnerbox .articlelists div .listbox p{
	font-weight:bold;
	margin-top:8px;
	line-height:1.7;
}
.previousbox .previousinnerbox .articlelists div .listbox p a{
	font-size:110%;
	color:#000;
}
.previousbox .previousinnerbox .articlelists div .listbox img{
	width:100%;
}

/*================================
レスポンシブ
================================*/
@media screen and (max-width: 768px){
.gnavwrap {
    margin-bottom:0px;
}
body.headmg {
	margin-top: 50px;
}
#contents{
	min-width:100%;
}
#contents #gankomono{
	width:94%;
	padding:0 3%;
}
#contents #gankomono h2 img{
	max-width:575px;
	width:94%;
	padding:0 3%;
}
/*-----
[sp] mainvisual
------------------------------*/
#mainv{
	height:100%;
	min-height:550px;
	padding-top:30px
}
#mainv img{
	width:100%;
	height:100%;
}
#mainv h2{
	padding:0 3%;
	width:94%;
}
#mainv .mainvpht{
	bottom:0%;
	margin:0 auto;
}
#mainv .mainvtxt{
	top:inherit;
	bottom:0%;
}
#personjump{
	display:block;
	background-color:#f4f4f4;
	padding:20px 19.5% 20px 21.5%;
	margin:0 auto;
}
#personjump img{
	height:40px;
}
/*-----
[sp] gankomono
------------------------------*/
#gankomono{
	height:350px;
	background:url(/uploads/image/xosi/27/bg_gankomono.gif) no-repeat 0 0;
	background-size:cover;
	margin-bottom:60px;
	color:#fff;
	text-align:center;
}
#gankomono h2{
	padding-top:50px;
	margin-bottom:35px;
}

/*-----
[sp] qanda
------------------------------*/
.person01{
	background:url(/uploads/image/xosi/27/bg_person01_sp.jpg) no-repeat 0 -45px;
}
.person02{
	background:url(/uploads/image/xosi/27/bg_person02_sp.jpg) no-repeat 0 -45px;
}
.person01,
.person02{
	min-height:270px;
	background-size:cover;
}
.qabox{
	padding:40px 0;
}
.qabox:first-child{
	padding:80px 0 0 0;
}
.qabox:nth-child(even){
	background-color:#f4f4f4;
}
.qabox .floatl,
.qabox .floatr{
	float:none;
}
.qabox .qaimg,
.qabox .qatxt{
	width:90%;
	margin:0 5%;
	padding:0;
}
.qabox .titlewrap{
	width:90%;
	margin:0 5%;
	padding:0;
}
	.qabox .titlewrap .question{
	font-size:140%;
	vertical-align:middle;
	padding-top: 0;
}
.qabox .titlewrap .answer,
#japanese .qabox .qatxt .answer{
	font-size:180%;
}
.qabox .qatxt .answer_sub{
	margin-bottom:30px;
}
.qabox .qatitle {
	font-size: 120%;
	margin-bottom: 25px;
	width: 67%;
	padding: 4px 3% 6px;
}


/*-----
[sp] profile
------------------------------*/
.profilebox .floatl,
.profilebox .floatr{
	float:none;
}

.profilebox{
	width:90%;
	margin:0 0 40px;
	padding:40px 5%;
}
.profilebox .profiletxt{
	width:100%;
	margin-right:0;
}
.profilebox .profiletxt .name p{
	margin-bottom:25px;
}
.profilebox .profiletxt .caption{
	font-size:100%;
	margin-bottom:25px;
}
.profilebox .profileimg{
	width:100%;
}
/*-----
[sp] previous lists
------------------------------*/
.previousbox{
	width:90%;
	padding:0 5%;
	margin:0 auto 40px;
}
.previousbox h3{
	font-size:20px;
	letter-spacing:1px;
	height:12px;
	border-bottom:2px solid #00a7ac;
	margin-bottom:40px;
}
.previousbox h3 span{
	margin:0 auto;
	padding:0 15px;
	background-color:#ffffff;
}
/*.previousbox .previousinnerbox{
	width:92%;
	margin:0 auto;
}*/
.previousbox .previousinnerbox .articlelists{}
.previousbox .previousinnerbox .articlelists div{
	outline:none;
}


}


@media screen and (max-width: 400px){
#mainv{
	min-height:460px;
}
}

/*================================
汎用
================================*/
a{outline:none !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.floatl{float:left;}
.floatr{float:right;}