@charset "utf-8";
/* CSS Document */
/*★★★★★★★★テンプレート[始]★★★★★★★★*/

/*===============================================
	reset
===============================================*/
*{margin:0; padding:0; color:#000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} 
h1,h2,h3,h4,h5,h6,p,address,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form{margin:0; padding:0; border:none; font-style:normal; font-weight:normal; font-size:100%; text-align:left;}
textarea{font-size:100%;}
img{vertical-align:bottom;}
li{list-style:none;}
/*===============================================
	a,text
===============================================*/
a:hover{text-decoration:underline;}
a{text-decoration:none; color:#1800ff;}
/*=============================================== 
	base
===============================================*/
html,body{height:100%;}
/*===============================================
	font
===============================================*/
body{font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
input,textarea,select{font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:12px;}
/* for IE6 */
* html body{font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
* html input, * html textarea{font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
/*===============================================
	font-size
===============================================*/
.f7{font-size:7px !important;}
.f8{font-size:8px !important;}
.f9{font-size:9px !important;}
.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f23{font-size:23px !important;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f26{font-size:26px !important;}
.f27{font-size:27px !important;}
.f28{font-size:28px !important;}
.f29{font-size:29px !important;}
.f30{font-size:30px !important;}
.f34{font-size:34px !important;}
/*===============================================
	float
===============================================*/
.left{float: left;}
.right{float: right;}
.clear{clear:both !important;}
/*===============================================
	margine
===============================================*/
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr50{margin-right:50px !important;}

.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !important;}
/*===============================================
	padding
===============================================*/
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr50{padding-right:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl50{padding-left:50px !important;}
/*===============================================
	align
===============================================*/
.center{text-align:center !important; margin: 0 auto !important;}
.textleft{text-align:left !important;}
.textright{text-align:right !important;}
/*===============================================
	他span
===============================================*/
.underL{text-decoration:underline !important;}
.displayN{display:none !important;}
.bold{font-weight:bold !important;}
/*===============================================
	color
===============================================*/
.red01{color:#F00 !important;}
.red02{color:#e83838 !important;}
.red03{color:#DF3737 !important;}
.green01{color:#339900 !important;}
.blue01{color:#075F9F !important;}
.blue02{color:#2d6fab !important;}
.white01{color:#FFF !important;}
.gray01{color:#666 !important;}
.pink01{color: #ff3034 !important;}
/*===============================================
	エフェクト
===============================================*/
.shadow{box-shadow: 0 2px 2px gray;}

/*===============================================
	フロート
===============================================*/
.CNT-L{margin-left: 20px;}

/*===============================================
	cFix
===============================================*/
/*Opera Fix*/
body:before{content:""; height:100%; float:left; width:0; margin-top:-32767px;}
/*cFix*/
.cFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .cFix {height:1%;}
.cFix {display:block;}
#MainContent{max-width: 1300px; margin: 0 auto;}

/* img mouse hover */
a:hover {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

.sp{display:none;}
.pc{ display: inline;}

#side a,.kanren a,.ftlink a{color: #454545;}
#side img{width: 100%;}

/*★★★★★★★★テンプレート[終]★★★★★★★★*/

/*ヘッダー周り*/
header{max-width: 1300px; margin:0 auto; padding: 20px 0; }
.header__SiteName{font-size:2.5rem; color: #5b9630; float: none; text-align: left; 
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.header__SiteName a{color: #000; text-decoration: none;}
.header__Navi{float: right;}
.header__Navi li{float: left; padding:0 30px; margin:20px 0; border-right:1px solid #000; font-size:16px;}
.header__Navi a{ color: black; }

/*メインビジュアル*/
.MainImage{margin:10px auto 50px; max-width: 1300px; position: relative;}
.MainImage_navi{float: left; width: 22%; position: absolute; background:#fff; padding: 0 20px 20px 20px;}
.MainImage_navi li{padding:0; margin-bottom:15px; font-size:20px; text-align: center;
  background: linear-gradient(to right, #020073, #075FA0);
  display: flex;
  align-items: center;
  justify-content: center;
  }
.MainImage_navi a{ color: white; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; display: block; padding: 10px;}
.MainImage_img {max-width: 78%; float:right; min-width: 60%; position: relative; }
.MainImage_img img{width: 100%;}
.MainImage_img p{position: absolute; bottom:0px; text-align: center; padding: 20px; color: white; width: 100%; font-size: 1.3rem; 
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.MainImage_img_BK{width: 100%; background: #000; opacity: 0.5; position: absolute; bottom: 0; height: 70px;}

.accordion2 {text-align: center; z-index: 9999;}
.accordion2 .inner {display: none;}
.accordion2 p{cursor: pointer;}
.accordion2 p.ac1{ color: white; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; padding: 10px; text-align: center; }
.accordion2 .inner li{ color: white; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; border:none; font-size: 1rem; width: 100%;}
.content1{ margin-bottom: 0 !important; font-size: 18px !important; background: #020073 !important; padding: 10px !important;}
.content2{ margin-bottom: 0 !important; font-size: 18px !important; background: #075FA0 !important; border-bottom:1px solid #1474AF !important; font-size: 1rem !important;}

/*下層*/
.itemization1 { position: relative; padding: 10px;}
.itemization1 li { line-height: 1.5; padding: 0.5em 0; list-style-type: none!important; font-size: 1.1rem; padding-left: 25px; font-weight: bold;}
.itemization1 li:before {content: ""; background: url(../img/icon/icon02.jpg) no-repeat left top; width: 20px; height: 20px; position: absolute; 
color: #ffb03f; left: 10px;}

.itemization2 { position: relative; padding: 10px;}
.itemization2 li { line-height: 1.5; padding: 0.5em 0; list-style-type: none!important; font-size: 1.1rem; padding-left: 25px; font-weight: bold; color: #FF0A14;}
.itemization2 li:before {content: ""; background: url(../img/icon/icon01.jpg) no-repeat left top; width: 22px; height: 22px; position: absolute; 
color: #ffb03f; left: 10px;}

.TopContent__CNT{width: 49%; float: left; border: 1px solid #075F9F; margin-bottom: 20px; min-height: 360px;}
.TopContent__CNT img{width: 100%;}
.TopContent__CNT__title{padding: 10px; text-align: center; background: #C9E6F8; color: #075F9F; font-weight: bold; margin: 0 !important; font-size: 1.2rem;
letter-spacing: 2px;}
.TopContent__CNT__txt{padding: 20px; font-size: 1rem;}
.TopContent__CNT__midashi{color: #075F9F; padding:0 20px; margin-bottom: 0;}


.TopContent__CNT2{width: 49%; float: left; margin-bottom: 20px; min-height: 360px;}
.TopContent__CNT2 img{width: 100%;}
.TopContent__CNT2__title{padding: 10px; text-align: center; color: #075F9F; font-weight: bold; margin: 20px 0 0 !important; font-size: 2rem;
letter-spacing: 2px; position: relative; background: none;}
.TopContent__CNT2__title::before{ position: absolute; height: 50%; content:""; width: 60%; background: #EDEDED; bottom: 0; z-index: -1; left: 20%}
.TopContent__CNT2__txt{padding: 20px 0; font-size: 1rem; line-height: 2rem;}

.TopContent__CNT3{width: 49%; float: left; border: 1px solid #075F9F; margin-bottom: 20px; min-height: 610px;}
.TopContent__CNT3 img{width: 100%;}
.TopContent__CNT3__title{padding: 10px; text-align: center; background: #C9E6F8; color: #075F9F; font-weight: bold; margin: 0 !important; font-size: 1.2rem;
letter-spacing: 2px;}
.TopContent__CNT3__txt{padding: 20px; font-size: 1rem; line-height: 1.8rem;}
.TopContent__CNT3__midashi{color: #075F9F; padding:0 20px; margin-bottom: 0;}

.TopContent__CNT4{width: 32%; float: left; border: 1px solid #075F9F; margin-bottom: 20px; min-height: 515px;}
.TopContent__CNT4 img{width: 100%;}
.TopContent__CNT4__title{padding: 10px; text-align: center; background: #C9E6F8; color: #075F9F; font-weight: bold; margin: 0 !important; font-size: 1.2rem;
letter-spacing: 2px;}
.TopContent__CNT4__txt{padding: 20px; font-size: 1rem; line-height: 1.8rem;}
.TopContent__CNT4__midashi{color: #075F9F; padding:0 20px; margin-bottom: 0;}

.TopContent__CNT5{width: 32%; float: left; border: 1px solid #075F9F; margin-bottom: 20px; min-height: 400px;}
.TopContent__CNT5 img{width: 100%;}

.TopContent__CNT6{width: 31.5%; float: left; border: 1px solid #075F9F; margin:0 10px 20px; min-height: 450px;}
.TopContent__CNT6 img{width: 100%;}
.TopContent__CNT6__title{padding: 10px; text-align: center; background: #C9E6F8; color: #075F9F; font-weight: bold; margin: 0 !important; font-size: 1.2rem;
letter-spacing: 2px; width: 100%;}
.TopContent__CNT6__title2{padding: 25px; text-align: center; background: #C9E6F8; color: #075F9F; font-weight: bold; margin: 0 !important; font-size: 1.2rem;
letter-spacing: 2px; width: 100%;}

.TopContent__CNT7{width: 31.5%; float: left; border: 1px solid #075F9F; margin:0 10px 20px; min-height: 550px;}
.TopContent__CNT7 img{width: 100%;}

.TopContent__CNT8{width: 31.5%; float: left; border: 1px solid #075F9F; margin:0 10px 20px; min-height: 570px;}
.TopContent__CNT8 img{width: 100%;}

.TopContent__CNT9{width: 49%; float: left; margin-bottom: 20px;}
.TopContent__CNT9 img{width: 100%;}
.TopContent__CNT9__title{padding: 10px; text-align: center; background: #C9E6F8; color: #075F9F; font-weight: bold; margin: 0 !important; font-size: 1.2rem;
letter-spacing: 2px;}

.TopContent__text2line{	columns: 2; column-gap: 3rem; padding: 0 10%;}

.TopContent__orange{background: #FFF6EE; padding: 40px; width: 950px; margin: 0 auto;}
.TopContent__orange__merit{ margin: 0 auto 20px; width: 670px;}
.TopContent__orange__merit__1{ background: #fff; padding: 10px 70px 5px; color: #FF7F00; border: 1px solid #FF7F00; float: left; margin-right: 20px;
 font-weight: bold; font-size: 1.5rem;}
.TopContent__orange__merit__2{ background: #fff; padding: 10px 70px 5px; color: #FF7F00; border: 1px solid #FF7F00; float: left; font-weight: bold; font-size: 1.5rem;}
.TopContent__orange__txt{color:#FF7F00; border-bottom: 1px dashed #FF7F00; padding-bottom: 2px; text-align: center; width: 600px;
 margin: 10px auto 0; font-size: 1.5rem; }

.h2_komonkeiyaku{font-size: 1.7rem; line-height: 3rem;}

.TopContent__tableTitile{background: #075F9F; color: #fff; font-weight: bold; text-align: center; padding: 10px;}
.TopContent__tableTxt1{background: #E9F7FF; padding: 10px ; width: 25%; font-weight: bold; font-size: 1rem; text-align: center;}
.TopContent__tableTxt2{background: #E9F7FF; text-align: center; padding: 10px; font-weight: bold; font-size: 2rem; color: #075F9F;}
.TopContent__tableTxt3{background: #E9F7FF; padding: 20px; width: 25%; font-weight: bold; font-size: 1rem; text-align: center; color: #075F9F;}
.TopContent__tableTxt4{background: #E9F7FF; text-align: center; padding: 10px; font-weight: bold; font-size: 1rem; color: #075F9F;}
.TopContent__tableTxt5{background: #E9F7FF; text-align: center; padding: 10px; font-weight: bold; font-size: 1rem; color: #075F9F;}

/*スタッフ*/
.staff_box{width: 1200px; margin: 0 auto 50px;}
.staff_box_1{float: left; width: 400px; background: white; padding: 20px; }
.staff_box img{width: 100%; margin: 0 auto; }
.staff_box h3{text-align: center;} 
.staff_profie{width: 100%; border-bottom:1px solid #000; padding: 5px 0; text-align: center;}
.TopContent4__profile{background: #fff; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.3rem; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ddd;}
.staff_box_1__btn{text-align: center; background: #075F9F; margin: 20px auto;}
.staff_box_1__btn a{color: #fff; display: block; width: 100%; padding: 20px;}
.staff_box_1__btn:hover {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

/*ボディ全体*/
.TopContent_BG{background: #075FA0; width: 100%; }
.TopContent{max-width: 1300px; min-width: 900px; margin:0 auto; padding: 40px 0;}
.Body p{font-size:1rem; line-height: 2rem; width: 100%;}
.TopContent_BG ul{margin: 0 auto; width: 1080px;}
.TopContent_BG li{float: left; padding: 10px; width: 180px;}
.TopContent_BG li img{width: 160px;}
.TopContent_BG p{margin: 30px auto 0; text-align: center; font-size: 1.2rem; color: #fff;}
.TopContent_menu{font-size: 1.5rem !important; font-weight: bold; text-align: center; color: #fff;}

.TopContent2{max-width: 100%; min-width: 900px; margin:0 auto; padding: 40px 0; background: url(../img/TopContent2IMG.jpg) center center; margin-bottom: 50px;}
.TopContent2 h2{font-size: 2rem; margin:20px 0;}
.TopContent2 p{text-align: center; line-height: 2rem;}

.TopContent3{max-width: 100%; min-width: 900px; margin:0 auto; padding: 80px 0; background: url(../img/TopContent3IMG.jpg) center center;}
.TopContent3__BOX{width: 1000px; margin: 0 auto; background: #fff; padding: 50px 90px 70px; border: 1px solid #0094D7;}
.TopContent3__BOX__left{float: left; width:40%;}
.TopContent3__BOX__left img{width: 100%;}
.TopContent3__BOX__right{float: right; width: 58%;}
.TopContent3__BOX__right p{width: 100%;}

.TopContent4{width: 1000px; margin:0 auto; padding: 40px 0;}

.TopContent5{width: 1200px; margin:0 auto; }
.TopContent5 table{width: 100%;}

.TopContent_h2_left{float: left; width: 40%;}
.TopContent_h2_left img{width: 100%;}
.TopContent_h2_right{float: right; width: 58%;}

.TopContent_h2_left2{float: left; width: 30%;}
.TopContent_h2_left2 img{width: 100%;}
.TopContent_h2_right2{float: right; width: 68%;}

.TopContent_h2_bk p{font-size: 0.8rem; color: #008DD0; text-align: center; }
.TopContent_h2_bk_ul{width: 200px; border-bottom: 1px solid #008DD0; margin:0 auto 20px;}
.TopContent_h2_tx{font-size: 1.1rem; line-height: 2rem; width: 100%; padding: 0 10px; margin-bottom: 15px;}
.TopContent_h2_midashi{font-size: 1.1rem; line-height: 2rem; width: 100%; padding: 0 10px; margin-bottom: 15px; font-weight: bold; color: #075F9F;}
.TopContent_h2_bk_link{border:1px solid #0096D9; margin:30px auto 50px; width: 300px; text-align: center;}
.TopContent_h2_bk_link a{width: 100%; display: block; color: #0096D9; text-align: center; padding:20px; font-weight: bold; font-size: 1.2rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.TopContent_BG2{background: #E0D8CD; width: 100%; }
.TopContent_BG2_h2_bk p{font-size: 1.5rem; text-align: center; font-weight: bold; margin-top: 50px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.TopContent_BG2_h2_bk h2{font-size: 4rem;}

.TopContent_BG2_3pointBOX{width: 100%;}
.TopContent_BG2_3pointBOX_1{float: left; width: 30%; margin: 30px 1.5% 50px; background: white; padding: 20px;
 box-shadow: 0 0 8px gray; position: relative; line-height: 2rem;}
.TopContent_BG2_3pointBOX_point{background: #0096D9; color: white; font-weight: bold; text-align: center; width: 100px; position: absolute; top:-10px; left: 0;}
.TopContent_BG2_3pointBOX_point2{background: #f00; color: white; font-weight: bold; text-align: center; width: 100px; position: absolute; top:-10px; left: 0;}
.TopContent_BG2_3pointBOX_1_img{text-align: center; margin: 0 auto; }
.TopContent_BG2_3pointBOX_2_img{text-align: center; margin: 0 auto; }
.TopContent_BG2_3pointBOX_2_img img{width: 100%;}
.TopContent_BG2_3pointBOX h3{font-size: 2.3rem; text-align: center; background: none; color: #0096D9; margin: 10px 0;}

.TopContent_cv{background: url(../img/cv_backimg.jpg) no-repeat center center; height: 366px;}
.TopContent_cv_tx{color: white; font-weight: bold; text-align: center; font-size: 1.8rem; letter-spacing: 1px; margin:50px auto 20px;}
.TopContent_cv_area{width: 940px; margin:30px auto;}

/*見出し*/
h1{text-align: center; padding: 15px; font-size:2rem; margin-bottom: 0px; color: #000; font-weight: bold; color: white;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
h2 {font-size: 2rem; text-align: center; font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-bottom: 10px;}
h3{ padding: 10px; background: #d9eff4; font-weight: bold; margin: 30px 0 10px;}
h4{ padding: 0 10px; font-weight: bold; margin: 30px 0 10px;}

/*table*/
.tenpo{border-collapse: collapse; margin-bottom: 10px; margin-left: 20px; width: 670px;}
.tenpo table{width: 100%;}
.tenpo th{width: 20%; background: #eee; text-align: center; }
.tenpo td{width: 80%;}
.tenpo th,.tenpo td{ padding: 10px; font-size:1.2vw;}
.tenpo a{color:#0000CC; text-decoration: underline;}



/*フッター*/
footer{width: 100%; text-align: center; background: #323A4F; color:white; padding: 15px; font-size: 1rem; color: white;}
footer a{color: white; text-decoration: none;}
.footer_title{font-size: 2rem; color: white; text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-bottom: 10px;}
.footer_title_sub{font-size: 1rem; color: white; text-align: center; margin: 0 auto 20px; }
.footer_BOX{width: 820px; margin :0 auto;}
.footer_left,.footer_right{color: white; text-align: left;}
.footer_left{ float: left; }
.footer_right{ float: right; border-left:1px solid white; padding-left: 50px;}
.footer_navi{text-align: center; margin: 40px auto 20px; width: 100%;}
.footer_navi p{text-align: center; margin: 20px auto 0; color: white;}
.footer_navi ul{ text-align: center; margin: 0 auto; }
.footer_navi li{  padding: 0 20px; display: inline;}
.footer_copy{margin: 20px auto 5px; text-align: center; color: white;}


/*フォーム*/
#formWrap{width: 900px; margin: 0 auto;}
.form_point{font-size: 1rem !important; text-align: left !important; margin: 20px 0 ;}
.formTable{border-collapse: collapse;}
.formTable{width: 100%;}
.formTable th{width: 30%; background: #eee;}
.formTable td{width: 70%;}
.formTable th,.formTable td{border: 1px solid #999; font-size:0.9rem !important; padding: 20px; }
.formTable input,.formTable select,.formTable textarea{margin: 0 0 10px; max-width: 100%; padding: 0.5rem; height: 40px; 
	border: 1px solid #ddd; border-radius: 4px; background-color: #fff;font-size: 16px;}
.formTable p{margin-bottom: 0 !important;}
.label input{width: 5% !important; margin-left: 10px;}
.formTable textarea{width: 100% !important; height: 200px;}
#formWrap .submit{ padding: 20px; font-size: 1.2rem; color: white; background: #dc0000; margin:20px auto; border: none; width: 60%; border-radius: 100px;}
#formWrap .submit:hover{opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
#formWrap h3{text-align: center;}

/*ポリシー*/
.policy{width: 900px; margin: 20px auto 50px;}
.policy h2{ padding: 10px; background: #d9eff4; font-weight: bold; margin: 40px 0 10px; font-size: 1.2rem;}
.policy p{margin-bottom: 30px;}

.comment{padding: 50px 20px; background: #eee; text-align: center; margin-bottom: 50px;}
.comment h2{margin-bottom: 30px;}
.comment p{line-height: 2rem;}
.comment__message{padding: 10px 80px;}

.h3_m{font-size: 1.5rem !important; }


@media screen and (max-width:640px) {
	.sp{ display: block;}
	.pc{ display: none;}
	/*.sp_ml20{ margin-left: 20px !important; }*/
	body,nav ul{width: 100%;}

	.CNT-L{margin-left: 0px; }
	
	/*ヘッダー*/
	header{width: 100%; max-width: 100%;}
	header .left , header .right {float: none;}
	header .right {display: none;}
	.header__SiteName{font-size:1.5rem; float: none; text-align: center; width: 100%;}
	.header__Navi{float: none;}
	.MainImage{margin:0; width: 100%; max-width:100%;}
	/*.MainImage_navi{display: none;}*/
	.MainImage_img{width: 100%; max-width:100%;}
	.MainImage_img_BK{width: 100%; max-width:100%; height: 18vw;}
	.MainImage_img p{width: 100%; font-size: 5vw; padding:5px;}
	.MainImage_navi li{border:1px solid #555; width: 100%; background: #fff; text-align: center; font-size: 3.5vw; margin: 0 auto 5px;}
	.MainImage_navi li a{display: block; width: 100%;padding: 5px; }
	.MainImage_navi{float: none; width: 100%; padding: 0; position: static;}
	.MainImage_navi a{color: #000; text-align: center;}
	#nav-content{padding: 20px;}

	.nonlink{ background: #020073 !important; color: #fff; padding: 5px!important;}
	.nonlink2{border:none !important; background: #fff !important; margin-bottom: 0 !important;}
	.nonlink2 img{width: 100%;}

	/*見出し*/
	h1{font-size: 1.1rem;}
	h2{font-size: 1.2rem;}
	.TopContent_BG2_h2_bk h2{font-size: 2rem;}

	/*ボディ全体*/
	.Body{width: 100%;}
	.TopContent{max-width: 100%; min-width: 100%; padding: 20px 0;}
	.TopContent img{width: 100%;}
	.TopContent_BG ul{width: 100%;}
	.TopContent_BG li{padding: 5px 10px; float: left; width: 33%;}
	.TopContent_menu_sp{ border:1px solid #fff; width: 90%; margin: 0 auto 20px; padding: 10px;}
	.TopContent_BG li img{width: 100%;}
	.TopContent_BG p{font-size: 1rem; padding: 10px;  margin: 0;}
	.TopContent_h2_tx{width: 100%; font-size: 1rem; padding:10px; line-height: 2rem; }
	.TopContent_h2_bk p{margin: 0;}
	.TopContent_h2_midashi{margin: 20px auto 0;}
	.TopContent_BG2_h2_bk{width: 100%; font-size: 1.2rem;}
	.TopContent_BG2_h2_bk p{font-size: 1.2rem;}
	.TopContent_BG2_3pointBOX_1{width: 90%; margin: 20px auto; float: none;}
	.TopContent_BG2_3pointBOX{width: 100%; float: none;}
	.TopContent_BG2_3pointBOX_1_img{width: 30VW;}
	.TopContent_BG2_3pointBOX_2_img{width: 80%;}
	.TopContent_cv{height: auto;}
	.TopContent_cv_area{width: 90%;}
	.TopContent_cv_area .left , .TopContent_cv_area .right{width: 100%; float: none;}
	.TopContent_cv_tx{font-size: 0.9rem; margin: 20px 0 0;}
	/*.TopContent .left, .TopContent .right{ float: none; }*/
	.TopContent_BG2_3pointBOX_point{font-size: 1rem; width: 25vw;}
	.TopContent_BG2_3pointBOX_point2{font-size: 1rem; width: 25vw;}
	.TopContent_h2_img{float: none !important; }
	.TopContent_BG2_3pointBOX h3{font-size: 1.8rem; text-align: center; background: none; color: #0096D9; margin:0;}
	.TopContent_menu{font-size: 1.5rem !important; font-weight: bold; text-align: center;}

	.TopContent2{width: 100%; min-width: 100%; max-width: 100%;}
	.TopContent2 h2{font-size: 1.4rem; padding: 0 10px;}
	.TopContent2 p{font-size: 1rem; padding: 0 10px;}
	.TopContent_h2_left{float: none; width: 100%;}
	.TopContent_h2_right{float: none; width: 100%;}
	.TopContent_h2_left2{float: none; width: 100%;}
	.TopContent_h2_right2{float: none; width: 100%; padding: 10px;}

	.TopContent3{width: 100%; min-width: 100%; max-width: 100%; padding: 40px 0;}
	.TopContent3__BOX{width: 95%; padding: 30px 10px 10px;}
	.TopContent3__BOX__left{float: none; width: 100%; padding: 10px;}
	.TopContent3__BOX__right{float: none; width: 100%; padding: 10px;}

	.TopContent4{width: 100%;}

	.TopContent5{width: 100%; padding: 20px 5px;}
	.TopContent__tableTitile{padding: 5px 3px;}
	.TopContent__tableTxt1{font-size: 0.8rem; padding: 5px; width: 33%;}
	.TopContent__tableTxt2{padding: 5px; font-size: 1.5rem;}
	.TopContent__tableTxt3{text-align: center; padding: 5px; font-size: 0.8rem; width: 33%;}
	.TopContent__tableTxt4{ font-size: 0.8rem; padding: 5px;}
	.TopContent__tableTxt5{font-size: 0.8rem; padding: 5px;}

	.TopContent__CNT6__title,.TopContent__CNT6__title2{height: auto; padding: 10px;}

	.TopContent__CNT4,
	.TopContent__CNT5,
	.TopContent__CNT6,
	.TopContent__CNT7,
	.TopContent__CNT8,
	.TopContent__CNT9{width: 95%; float: none; margin: 0 auto 10px; min-height: auto;}

	.TopContent__CNT9__title{font-size: 1rem; padding: 10px 5px; letter-spacing: 0;}



	.staff_box{width: 100%; margin: 0 auto;}
	.staff_box_1{float: none; width: 100%; padding: 20px; }
	.staff_box img{width: 100%; margin: 0 auto; }
	.staff_box h3{text-align: center; margin: 0; font-size: 4vw;} 
	.staff_profie{width: 100%; border-bottom:1px solid #000; padding: 5px 0; text-align: center; font-size: 3vw;}
	.staff_img{float: left; width: 28%;}
	.staff_profileBOX{float: right; width: 70%;}
	.staff_box_1__btn a{padding: 10px;}
	.comment__message{padding: 10px;}


	/*下層*/
	.itemization1 li{font-size: 1rem;}

	.TopContent__CNT{ width: 95%; float: none; margin: 0 auto 10px; min-height: auto;}
	.TopContent__CNT3{ width: 95%; float: none; margin: 0 auto 10px; min-height: auto;}

	.TopContent__text2line{columns: 1; padding: 0 10px;}

	.TopContent__CNT2{width: 100%; float: none; margin-bottom: 40px;}
	.TopContent__CNT2__title{font-size: 1.5rem; margin-top: 10px !important;}
	.TopContent__CNT2__txt{padding: 20px;}

	.TopContent__orange{width: 100%; padding: 40px 20px;}
	.TopContent__orange__merit{width: 100%;}
	.TopContent__orange__merit__1{width: 100%; padding: 10px 20px 5px; text-align: center; margin-bottom: 10px; font-size: 1.3rem;}
	.TopContent__orange__merit__2{width: 100%; padding: 10px 20px 5px; text-align: center; font-size: 1.3rem;}
	.TopContent__orange__txt{width: 100%; font-size: 1.3rem;}

	.TopContent__IMG{width: 95%; margin: 0 auto;}

	.h2_komonkeiyaku{font-size: 1.2rem; line-height: 2rem;}


	/*フッター*/
	footer{font-size: 3vw;}
	.footer_BOX{width: 100%;}
	.footer_title{font-size: 1.5rem;}
	.footer_left,.footer_right{float: none; text-align: center;}
	.footer_right{border:none; padding:20px 0;}
	.footer_navi{width: 100%; margin: 0 auto; font-size: 3vw;}
	.footer_navi a{font-size: 2.5vw;}
	.footer_navi li{padding: 0 10px; font-size: 3vw;}
	.footer_title_sub{font-size: 3.5vw;}


	/*コンテンツ*/
	.Read{background: white; padding: 20px; }
	.Read:after{content:""; background-size: contain; width: 100%; background: url(../img/SideShadow.png) no-repeat center bottom; }

	.Body__Area{width: 100%; float: none;}
	.Body__Area__Content{width: 100%; padding: 20px;}
	.Body__Area__Content:after{content:""; background-size: contain; width: 100%; background: url(../img/SideShadow.png) no-repeat center bottom; }

	/*サイドナビ*/
	.Body__Side{width: 100%; float: none; }
	.Body__Side:after{content:""; background-size: contain; width: 100%; background: url(../img/SideShadow.png) no-repeat center bottom; }

	/*ハブページ*/
	.Body__Area__Content__left,.Body__Area__Content__right{float:none; width: 100%; padding-left: 0;}
	.Body__Area__Content__left{margin-bottom:10px;}

	/*.about th,.about td{　border-bottom: none; display: block; width: 100%;}*/
	.about td{width: 65%;}
	.about th{text-align: center;}

	/*table*/
	.tenpo{width: 100%; margin: 0 auto; padding: 20px;}
	.tenpo table{width: 100%;}
	.tenpo th{width: 20%; background: #eee; text-align: center; }
	.tenpo td{width: 80%;}
	.tenpo th,.tenpo td{ padding: 10px; font-size:2.8vw;}
	.tenpo a{color:#0000CC; text-decoration: underline;}

	/*事務所概要*/
	.TopContent iframe{width: 100% !important; padding: 0 20px; height: 200px;}
	.profile .left, .profile .right{float: none;}

	/*フォーム*/
	#formWrap{width: 100%; padding: 0 20px;}
	.form_point{font-size: 0.9rem !important;}
	.formTable{border-collapse: collapse;}
	.formTable{width: 100%;}
	.formTable th{text-align: center;}
	.formTable th,.formTable td{　border-bottom: none; display: block; width: 100%;}
	#formWrap .submit{width: 90%;}

	.h3_m{font-size: 5vw !important;}

	#nav-drawer {
	  position: relative;
	}

	/*チェックボックス等は非表示に*/
	.nav-unshown {
	  display:none;
	}

	/*アイコンのスペース*/
	#nav-open {
	  display: inline-block;
	  width: 30px;
	  height: 22px;
	  vertical-align: middle;
	  position: fixed;
	  top: 10px;
	  left:10px;
	  z-index: 9999;
	}

	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 30px;/*長さ*/
	  border-radius: 3px;
	  background: #555;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before {
	  bottom: -8px;
	}
	#nav-open span:after {
	  bottom: -16px;
	}

	/*閉じる用の薄黒カバー*/
	#nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
	}

	/*中身*/
	#nav-content {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 9999;/*最前面に*/
	  width: 80%;/*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 330px;/*最大幅（調整してください）*/
	  height: 100%;
	  background: #fff;/*背景色*/
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(-105%);
	  transform: translateX(-105%);/*左に隠しておく*/
	}

	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
	  display: block;/*カバーを表示*/
	  opacity: .5;
	}

	#nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}




}