
/* font-family:'Noto Sans JP',sans-serif; 4 5 7 */
/* font-family:'Noto Serif JP',serif; 3 4 5 6 7 9 */
/* font-family: "Oswald", sans-serif; */

@charset "utf-8";
/*RESET.CSS Start */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; background : transparent; }
caption, th, td { text-align : left; font-weight : normal; }
table, td, th { vertical-align : middle; border-collapse:collapse;border-spacing : 0;  }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }
a img {border : none; }
abbr[title], dfn[title] {border-bottom : 1px dotted rgb(0,0,0);cursor : help; }
ul li{list-style: none;}
 
/* HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section {display : block; }
mark {background-color : #ff9;color : rgb(0,0,0);font-style : italic;font-weight : bold; }
/*RESET.CSS END */

.clearfix:before,.clearfix:after {display: block;line-height: 0; content: ""; display:block; height:0;clear:both;}

*,*::after,*::before{box-sizing: border-box;}

/*-------------------Comment1-----------------------*/
.line1{width:99%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top:10px;margin-bottom:10px;}
.line2{width:98%;height:1px;border:none; border-top: 3px solid #ee7600;margin-top:20px; margin-bottom:20px;}
.imgHover:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.alignLeft{text-align:left!important;}
.alignCenter{text-align:center!important;}
.alignRight{text-align:right!important;}

.inlineBlock{display:inline-block!important;}

.setPaddingT50{padding-top:50px!important;}
.setPaddingT20{padding-top:20px!important;}
.setPaddingT10{padding-top:10px!important;}

.setPaddingL20{padding-left:20px!important;}

.setPaddingB50{padding-bottom:50px!important;}
.setPaddingB20{padding-bottom:20px!important;}
.setPaddingB10{padding-bottom:10px!important;}

.setMarginB50{margin-bottom:50px!important;}
.setMarginB20{margin-bottom:20px!important;}
.setMarginB10{margin-bottom:10px!important;}

.setMarginT50{margin-top:50px!important;}
.setMarginT20{margin-top:20px!important;}
.setMarginT10{margin-top:10px!important;}

.annotation1{color:#666;font-size:0.825rem;}
.stress0{font-weight:600;}
.stress1{font-weight:600;font-size:1.25rem;color:#da2f2f;}
.stress2{font-weight:600;}
.stress3{font-weight:600;color:#E38E49;font-size:1.125rem;}

.pBeforeArrow1{position:relative;}
.pBeforeArrow1::before{content:"";display: inline-block; width:6px; height:6px; border: solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:11px;left:-11px;}
/*-------------------Comment2-----------------------*/
body {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 500;
	font-size:16px; 
	line-height:1.7;
	word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
	-webkit-font-smoothing: antialiased;
}

a:link{ text-decoration: none; color:#333;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
a:visited{color:#000; }
a:hover{color:#999; text-decoration: none;}
a:active{color:#999;}
/* ------------------------------------------------------- */
.title1{font-family: "Oswald", sans-serif; font-weight: 500; font-size:6.5rem;writing-mode: vertical-rl;color: #0a3981;letter-spacing: -1px;text-transform: uppercase;position: relative;line-height: 1;}
.title1:before{content:"";width:16px;height:16px;position:absolute;left:5px;top:-20px;background:#E38E49;}
.title1 span{display:block;font-family:'Noto Sans JP',sans-serif;font-weight:600; font-size:0.2125em;letter-spacing:4px;position:absolute;top:5px;right:-20px;}

.title2{font-family: "Oswald", sans-serif; font-weight: 500; font-size:6.5rem;position:relative;color: #fff;letter-spacing: -1px;text-transform: uppercase;text-align: left;line-height: 1;margin-bottom: 30px;}
.title2:before{content:"";width:16px;height:16px;position:absolute;left:5px;top:-20px;background:#E38E49;}
.title2 span{font-family:'Noto Sans JP',sans-serif;font-weight:600; font-size:0.2125em;letter-spacing:4px;padding-left: 12px;}

.title3{font-family:'Noto Sans JP',sans-serif;font-weight:600;font-size:2.25rem;position:relative;line-height: 1.5;letter-spacing: 1px;}
.title3:before{content:"";width:12px;height:12px;position:absolute;left:50%;top:-20px;background:#E38E49;}
.title3 span{font-family: "Oswald", sans-serif; font-weight: 500;  font-size:0.35em;letter-spacing:1px;padding-left: 12px;display: block;text-transform: uppercase;color: #0C71C3;}

.title4{display:block;width:100%;font-family: "Oswald", sans-serif; font-weight: 500; font-size:4.5rem;position:relative;color: #fff!important; text-decoration: none; letter-spacing: -1px;text-transform: uppercase;text-align: left;line-height: 1;}
.title4 img{width: 60px;position: absolute;top:10px;right:8px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.title4 img:hover{width: 60px;right:-5px;}
.title4 span{font-family:'Noto Sans JP',sans-serif;font-weight:600; font-size:0.3em;letter-spacing:1px;padding-left: 20px;}

.title5{font-family:'Noto Sans JP',sans-serif;font-weight:600; font-size:1.5rem;position:relative;color: #0a3981;text-transform: uppercase;margin-bottom:20px;letter-spacing: 2px;text-indent:17px;}
.title5:before{content:"";width:7px;height:28px;position:absolute;left:0px;top:8px;background:#E38E49;}

@media (max-width:767px){
	.title1{font-size:3.25rem;writing-mode:unset;margin-bottom: 75px;}
	.title1:before{width:13px;height:13px; left:3px;top:-14px;}
	.title1 span{font-size:0.3em;letter-spacing:2px;top:70px;left:3px;}

	.title2{font-size:3.25rem;line-height: 1.15;margin-bottom: 35px;}
	.title2:before{width:13px;height:13px; left:3px;top:-15px;}
	.title2 span{display:block;font-size:0.3em;letter-spacing:2px;padding-left:3px;}

	.title3{font-size:2rem;line-height: 1.5;margin-bottom: 35px;}
	.title3:before{width:13px;height:13px; left:49%;top:-15px;}
	.title3 span{display:block;font-size:0.3em;letter-spacing:2px;padding-left:3px;}

	.title4{font-size:3.25rem;line-height: 1.15;}
	.title4 span{display:block;font-size:0.3em;letter-spacing:2px;padding-left:4px;}
	.title4 img{width: 48px;top:11px;}
}

@media (max-width:449px){
	.title4{font-size:2.85rem;}
	.title4 span{font-size:0.325em;}
	.title4 img{width: 46px;top:11px;}
}

@media (max-width:279px){
	.title4 img{display: none;}
}
/* --------------------------- */
.btn1{display:inline-block;font-family: "Oswald", sans-serif; font-weight: 500; font-size:1.25rem;text-transform:uppercase;color: #0a3981!important;padding:8px 40px 10px;position:relative;margin-top:20px;letter-spacing:0px;border-radius: 0; -webkit-appearance: none;appearance: none;}
.btn1::after{content:"";width: 20px; height:8px; position:absolute;top:24px;right:10px;border: solid #333;border-width: 0 4px 3px 0;transform-origin:left bottom;transform: skewX(45deg
);}
.btn1:hover::after{right:0px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}

.btn2{display:inline-block;font-family: "Oswald", sans-serif; font-weight: 600; font-size:1.125rem;text-transform:uppercase;color: #0a3981!important;padding:8px 40px 10px;position:relative;margin-top:20px;letter-spacing:1px;border-radius: 0; border:1px solid #ccc; background: #fff; -webkit-appearance: none;appearance: none;}

/* --------------------------- */
#header{width:100%;	height:100px;position:fixed;top:0; z-index: 11;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;background: rgba(255,255,255,1);box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
#siteNameA{	width:300px;position:absolute;top:13px;	left:2.075%;}
#navHeader{	position:absolute;top:22px;	right:2.075%;}
#navHeader li{list-style:none;float:left;}
/* 因为是right设定，所以正相反的选择子元素，从右往左的不是第一个的元素即最后一个li */
#navHeader li:not(:last-child){margin-right:20px;}
#navHeader li a{display:block;padding:3px;font-size:1.075rem;text-align:center;color:#333;text-transform: uppercase;font-family:'Noto Sans JP',sans-serif;font-weight: 600;}
#navHeader li a span{display:block;font-size:0.675em;color:#999;font-family: "Oswald", sans-serif;font-weight:500;}
#navHeader li a:hover{color:#666;}

#navIcon{display:none;}
@media (max-width:1023px){
	#siteNameA{top:16px;}	
	#navHeader{width:100%;height:100vh;position:fixed; top:-100vh;left:0; right:unset; background:linear-gradient(to right, #143d58,#143d58);padding:80px 7% 50px;overflow: hidden;}
	#navHeader li{float:none;margin-bottom: 10px;}
	#navHeader li:not(:first-child){margin-right:unset;}
	#navHeader li a{color:#fff;font-size:1.25rem;text-align: left;}

	#navIcon{display:block;	position:fixed;	top:38px;right:5%;color:#000;width:24px;height:24px;cursor: pointer;z-index:11;}	
	
	.nav-icon-first,.nav-icon-second {width: 24px;height: 2px;background:#0a3981;transition: 0.5s;}
	.nav-icon-first{margin-top:6px;}
	.nav-icon-second{margin-top:8px;}
	.close .nav-icon-first {width:20px;background:#fff;-webkit-transform: rotate(-45deg) translate(-2px,5px);transform: rotate(-45deg) translate(-2px,5px);}
	.close .nav-icon-second {width:20px;background:#fff;-webkit-transform: rotate(45deg) translate(-2px,-5px);	transform: rotate(45deg) translate(-2px,-5px);}
}
@media (max-width:767px){
	#header{height:80px;}
	#siteNameA{width:220px; top:16px;}	

	#navIcon{top:26px;right:5%;}	
}
@media (max-width:320px){
	#navHeader{padding:20px 7% 20px;}
}
/* --------------------------------------------------------------------------- */
#showIndex{width:100%;background: url(../images/bgShow.jpg) center center no-repeat;background-size:cover;margin-top: 100px;margin-bottom: 100px;position:relative;z-index: 0;overflow: hidden;}
#showIndex:after{content:""; background: rgba(20,61,88,0.9); width:100%;height:110%;position: absolute;top:0;left:-35%;transform: rotate(65deg);z-index:-1;}
#showIndex:before{content:""; background: rgba(20,61,88,0.6); width:100%;height:110%;position: absolute;top:0;left:-33%;transform: rotate(108deg);}
#showIndexWord{width:100%;}


.pageShow{width:100%;height:30vh;position: relative;margin-top:100px;}
.pageShow p{
	color:#fff;
    font-size:2.25rem;
    font-weight:600;
    width:90%;
    text-align:center;
    line-height:140%;    
    text-shadow:0px 0px 6px #000;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#pageShowStyle1{background: url(../images/bgShow.jpg) center center;background-size: cover;}
#pageShowStyle2{background: url(../images/show1.jpg) center center;background-size: cover;}
#pageShowStyle3{background: url(../images/show3.jpg) center center;background-size: cover;}

@media (max-width:767px){
	#showIndex{height:85vh; margin-top: 80px;background:#bdcceb url(../images/bgShow.jpg) right bottom no-repeat;background-size: 140%;}
	#showIndex:after{top:-35vh;left:0%;}
	#showIndex:before{top:-30vh;left:10%;}
	#showIndexWord{width:185%;}
	#telShowIndex{width:85%;position: absolute; left:7%;bottom:10%; font-size:2.125rem; font-weight:600; color:#fff;text-align: center;z-index:1;display: block;}
	
	.pageShow{height:26vh;margin-bottom:0px;margin-top:80px;}
	.pageShow p{
		font-size:1.5rem;
		font-weight:500;
	}
}
@media screen and (orientation:landscape) and (max-width: 767px){
	#showIndex{height:220vh; }
	#showIndex:after{top:-185vh;left:-30%;}
	#showIndex:before{top:-175vh;left:20%;}
	#showIndexWord{width:100%;}
	#telShowIndex{width:85%;position: absolute; left:7%;bottom:10%; font-size:2.125rem; font-weight:600; color:#fff;text-align: center;z-index:1;display: block;}
}
/* --------------------------------------------------------------------------- */
.contentStyle1{width:83%;margin:80px auto 0;background: #fff;}
.contentStyle2{width:1100px;margin: 0 auto 100px;}
.contentStyle3{width:100%;background:#edf4fe;padding:100px 9%;min-height: 500px;}

.contentC1{margin: 0 auto 40px;font-size:1.2rem;}
.contentC1 p{margin-bottom: 10px;}
.contentC1 h3{font-size:1.5rem;}

.contentC2{width:97%;margin:20px auto 100px;font-size:1.2rem;}
.contentC2 p{margin-bottom: 10px;font-size:1.125rem;line-height: 1.75;}

.title1Wrap{float:left;}

@media (max-width:1023px){
	.contentStyle1{width:90%;}
	.contentStyle2{width:100%;padding:100px 5%;}
	.contentStyle3{width:100%;padding:80px 6%;}

	.contentC2{width:92%;}
}

@media (max-width:767px){
	.contentStyle1{width:88%;}
	.contentStyle2{padding:100px 3%;}
	.contentStyle3{padding:80px 6%;}

	.contentC1{width:95%;font-size: 0.925rem;}
	.contentC2{width:95%;}
}
@media (max-width:519px){
	.contentStyle1{width:96%;}
	.contentStyle2{padding:70px 3%;}
	.contentStyle3{padding:70px 8%;}

	.contentC2{width:95%;}
	.contentC2 p{font-size:0.925rem;}
}

@media (max-width:449px){
	.contentStyle3{padding:50px 5%;}

	.contentC2{width:98%;}
}

/* --------------------------------------------------------------------------- */
#navM{width:100%;margin:80px auto 0;}
#navM li{width:22%;float: left;margin:1%;}
#navM li a{display: block;width:100%;padding:5%;text-align: center;line-height: 2.25;border:3px solid #143d58;border-radius: 50%;}
#navM li a i{display: block;font-size:2rem;color:#E38E49;}
#navM li a span{display: block;}
#navM li a span:nth-of-type(1){font-size:1.5rem;}
#navM li a span:nth-of-type(2){font-size:0.75rem;color:#999;text-transform:uppercase;}

#apiru{text-align: center;font-size:2rem;font-weight: 600; color:rgb(10, 57, 129);margin-bottom: 30px;}

#apiru1{display:block; width:100%;margin-bottom: 80px;}
#apiru1Mobile{display: block;display:none; margin-bottom: 80px;}
#apiru1 img,#apiru1Mobile img{width:100%;}

@media (max-width:1023px){
	#navM li{width:48%;margin:1%;}
}
@media (max-width:767px){
	#navM{width:100%;margin:20px auto 0;}
	#navM li{width:100%;float:none;margin:3% 0;}
	#navM li a{width:80%;padding:5%;margin:20px auto;border:2px dotted #f0f0f0;}

	#apiru{font-size:1.25rem;}

	#apiru1{display:none;}
	#apiru1Mobile{display:block;margin-bottom: 20px;}
}
/* -------------------------------------------------- */
#topicIndex{width:100%; min-height: 500px; margin-bottom:80px;}

.topicItem{width:100%;margin:0 auto;border-bottom:1.5px solid #d9d9d9;}
.topicItem:hover{background:#fff;}
.dateSpan{display:block;color:#666;font-size:1rem;padding:28px 15px 27px 0;float:left;}
.titleSpan{display:block;color:#000;font-size:1.25rem;padding:25px 0 25px 15px;float:left;}
.titleSpan a{display: block;width:100%;height:100%;}
/* ----------- */
.topicTitle{font-size:1.5rem;margin-bottom:10px;text-align:center;font-weight:600;color:#0a3981;}
.topicDate{text-align:center;font-size:0.925rem;color:#999;margin-bottom:30px;}
.topicContent{font-size:1rem;line-height: 1.8;}
.topicContent p{margin-bottom: 15px;}

@media (max-width: 1023px){
	.topicItem{margin-bottom: 10px;}
	.dateSpan{font-size:0.875rem;padding:5px 0;float:none;}
	.titleSpan{font-size:1rem;padding:5px 0 15px 0;float:none;}
}
@media (max-width: 767px){
	#topicIndex{min-height: 200px;}
	.topicTitle{font-size:1.25rem;}
}
/* ------------------------------------------------------ */
#table1{
	width:100%;
	margin:0 auto 60px;	
}
#table1 td{
	font-size:1.125em;
	border-top:1.5px solid #ccc;
	padding:25px 18px;
}
#table1 .titleTd{
	width:130px;
	letter-spacing:2px;
	font-weight:600;	
	border-top:1.5px solid #0a3981;
	padding:25px 8px;
}
@media (max-width: 399px){
	#table1 .titleTd{
		width:100px;
		letter-spacing:0px;
		padding:20px 3px;
	}
}
/* --------------------------------------------------------------------------- */
#conceptS{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;  gap: 20px;-ms-flex-wrap: wrap;flex-wrap: wrap;}

.conceptM{width:49%;float:left;padding:20px 30px;position:relative;z-index:0;background: #0b4a74;}

.conceptM .title{display:block;font-size:1.5rem;color:#fff;font-weight:500;margin-bottom:15px;text-align:center;}

.conceptM .describeC{display: block; font-size:0.925rem;color:#fff;font-weight:500;margin-bottom:20px;}

@media (max-width:1249px){
	.conceptM{width:48%;}
}

@media only screen and (max-width: 1023px) {
	.conceptM .title{font-size:1.35rem;}
}
@media only screen and (max-width: 859px) {	
	.conceptM{width:44%;margin:2%;}
	.conceptM .title{font-size:1.25rem;}
}
@media only screen and (max-width: 767px) {	
	.conceptM{width:100%;margin:3% auto;}
}
/* --------------contact------------ */
#contactWrap{width:100%;padding:50px 0;text-align:center;background:url(../images/bgContact.jpg) no-repeat;background-size:cover;}
#contactMSiteName{width:525px;display: inline-block;}
#contactWrap .content2 p{font-size:1.25rem;color:#fff;}
.contactM{width:40%;margin:5%;background:rgba(255,255,255,0.77);padding:20px;display:block;float:left;}
.contactM:hover{background:rgba(255,255,255,0.95);}
.contactM span:nth-of-type(1){font-size:4rem;color:#0087cd;}
.contactM span:nth-of-type(2){font-size:1.5rem;color:#0087cd;font-weight:600;}
.telWord{font-size:0.75em!important;}
.telSpan{font-size:1em!important;}
.contactM span:nth-of-type(3){font-size:0.825rem;font-weight:500;}
.contactM span:not(.telSpan, .telWord){display:block;}

@media (max-width: 1023px){
	#contactWrap{padding:90px 0;}
	#contactMSiteName{width:60%;}
}
@media (max-width: 759px){
	#contactMSiteName{width:70%;}
	.contactM span:nth-of-type(2){font-size:1.25rem;}
}
@media (max-width: 719px){
	.contactM{width:46%;margin:2%;}
	.contactM span:nth-of-type(3){font-size:0.75rem;}
}
@media (max-width: 619px){
	#contactWrap{padding:70px 0 20px;}
	#contactMSiteName{width:78%;}
	.contactM span:nth-of-type(1){font-size:3.5rem;}
	.contactM span:nth-of-type(2){font-size:1.5rem;}
	.contactM span:nth-of-type(3){font-size:1rem;}
	.contactM{width:90%;margin:20px auto;float:none;}

	#contactWrap .content2 p{font-size:1rem;color:#fff;}
}

/* -------------------------------- */
#workingImgM{width:100%;margin: 50px auto;text-align: center;}
#workingImgM img{width:48%;padding:1%;}

.pImgM figure{width:23%;margin:1%;float: left;text-align: center;background: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.pImgM figure img{width:100%;}
.pImgM figure figcaption{font-size:1.125rem;padding:10px 0 20px;}

.apiruM{width:29%;line-height: 3; margin: 2%; background: #f6951c;color:#fff;font-size:2.75rem;text-align: center;float:left;border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

@media (max-width: 767px){
	.pImgM figure{width:46%;margin:0 1% 15px;}
	.pImgM figure figcaption{font-size:1rem;padding:3px 0 10px;}
}
/* --------------footer------------ */
#footer{width:100%;background:linear-gradient(to right, #143d58,#143d58);padding:65px 8% 20px;}

#mainFooter{width:100%;height:80px;margin:0 auto 100px;position: relative;}

#siteNameAFooter{width:250px;position:absolute;top:5px;left:0;}
#navFooter{position:absolute;top:0;right:0;}
#navFooter li{list-style:none;float:left;}
/* 因为是right设定，所以正相反的选择子元素，从右往左的不是第一个的元素即最后一个li */
#navFooter li:not(:last-child){margin-right:20px;}
#navFooter li a{display:block;padding:3px;font-size:1.45rem;text-align:center;color:#fff;text-transform: uppercase;font-family: "Oswald", sans-serif;font-weight:500;}
#navFooter li a span{display:block;font-size:0.5em;font-family:'Noto Sans JP',sans-serif;font-weight: 600;}
#navFooter li a:hover{color:#c0c0c0;}

#copyright{width:100%;color:#fff;font-size:0.825rem;text-align:center;letter-spacing: 1px;}
#copyright a{color:#fff;}

@media (max-width: 1023px){
	#footer{padding:65px 5% 20px;}
}
@media (max-width: 767px){
	#footer{padding:65px 4% 20px;}
	#mainFooter{margin:0 auto 40px;}
	#siteNameAFooter{display: none;}
	#navFooter{position:static;right:unset;}
	#mainFooter{height:auto;}
	#navFooter li{width:45%;}
	#navFooter li:not(:last-child){margin-right:unset;}
	#navFooter li a{text-align: left;}	
	#copyright{text-align: left; letter-spacing: 0;}
	.apiruM{width:80%;float:none;margin:0 auto 20px;font-size:1.35rem;line-height: 5;}

	#workingImgM img{width:100%;padding:2%;}
}
@media (max-width: 379px){
	#copyright span{display: none;}
}
@media (max-width: 279px){
	#navFooter li{width:100%;}
}
/*-------------------------*/
#goToTopBtn{
	position:fixed;
	bottom: 15px;
	right: 18px;
	display: none; 
	cursor: pointer;
}
#goToTopBtn img{
	width:50px;
}
/*-------------------------*/
.module1{
	background: #ef9c00; 
	padding: 2px 5px 2px; 
	font-size: 0.725rem; 
	color: #fff; 
	vertical-align:top;
	border-radius:1px;
}
.form-group{
	width:99%;
	margin:0 auto 1em;
}
.form-group label{
	display:block;
}
.form-group input[type=text], .form-group input[type=email], .form-group select,.form-group textarea{
	width:calc(100% - 12px);
	height:2.25em;
	outline-style:none;
	-webkit-appearance: none;
	appearance: none;
	border:1px solid #666;
	padding:2px 5px;
	border-radius:0;
}
.form-group select{
	-webkit-appearance: none;
	appearance:none;
	width:99.5%;
	height:2.75em;
	padding:2px 5px;
	background:#fafafa;
	border-radius:0;
}
input[type="checkbox"]{
	width:16px;
	height:16px;
	vertical-align:middle;
	border-radius:0;
}
.form-group textarea{
	height:10em;
	border-radius:0;
}

/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 899px){
	#word1{display: none;}
}