@charset "UTF-8";
/* CSS Document */

/*---------------------------------------------------------------------------------------------------------------------
	ベーススタイル
---------------------------------------------------------------------------------------------------------------------*/
html,body { width:100%; }
body { font:16px "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; letter-spacing:0; color:#333333; line-height:1.5; min-width: 1200px; margin: 0 auto; }

/*------------------------------
	a
-------------------------------*/
a { color:#333333; text-decoration:none; }
a:link { color:#333333; } 
a:visited { color:#333333; }
a:hover { color:#62b0e3; }
a:active { color:#333333; }
a:hover img { opacity:0.7; transition: 0.4s; }
a:focus { outline:none; }

/*------------------------------
	margin
-------------------------------*/
.mt0 { margin-top:0px !important; }
.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; }

.mr0 { margin-right:0px !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; }

.mb0 { margin-bottom:0px !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; }

.ml0 { margin-left:0px !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; }

/*------------------------------
  button
-------------------------------*/
input[type="text"],
input[type="password"] { padding:0; border:none; border-radius:0; outline:none; background:none; -webkit-appearance:none; appearance:none; }
textarea { appearance:none; resize: vertical; padding:0; border:0; outline:none; background:transparent; }
button,
input[type="submit"] { appearance:none; padding:0; border:none; outline:none; background:transparent; transition:background-color 0.2s; }

/*---------------------------------------------------------------------------------------------------------------------
	レイアウト
---------------------------------------------------------------------------------------------------------------------*/

/* リスト */
ul.atComment { margin-left:0; padding:0; }
ul.atComment li { text-indent:-1em; margin:0 0 0 1em; padding:0; list-style:none; }

/* テキスト */
p.atComment { text-indent:-1em; margin-left:1em; padding:0; }
.txtCenter { text-align: center; }

/* 表示 */
.displayBlock { display:block !important; }
.displayInline { display:inline !important; }
.displayNone { display:none !important; }
.pcDisplayBlock { display:block !important; }
.pcDisplayNone { display:none !important; }

/*ボタン*/

/*---------------------------------------------------------------------------------------------------------------------
	コンテンツ部分
---------------------------------------------------------------------------------------------------------------------*/
/* コンテンツ幅 */
.contentsOuterL { width: 1200px; margin: 0 auto; position: relative; }
.contentsOuterM { width: 1100px; margin: 0 auto; position: relative; }
.contentsOuterS { width: 960px; margin: 0 auto; position: relative; }

/* flex */
.flexOuter { display: flex; }

/*------------------------------
  headerWrap
-------------------------------*/
#headerWrap { border-bottom: solid 1px #dcdcdc; }
#headerWrap .contentsOuterS { display: flex; align-items: center; }
#headerWrap .contentsOuterS p#spMenuBtn { display: none; }
#headerWrap .contentsOuterS #naviList { margin-left: 70px; font-size: 88%; }
#headerWrap .contentsOuterS #naviList ul { display: flex; }
#headerWrap .contentsOuterS #naviList ul li { margin-left: 50px; letter-spacing: 0.1em; }
#headerWrap .contentsOuterS #naviList ul li:first-child { margin-left: 0; }
#headerWrap .contentsOuterS #naviList ul li a { display: block; padding-right: 25px; background: url("/common/images/header_icon_arrow02.gif") no-repeat right center; }
#headerWrap .contentsOuterS #naviList ul li a[href^="#"] { background: url("/common/images/header_icon_arrow01.gif") no-repeat right center; }

/*------------------------------
  mainWrap
-------------------------------*/
/* btn */
.mainWrap .btn { font-family: 'Noto Serif JP', serif; color: #ffffff; display: block; text-align: center; padding: 20px 0; background: #62b0e3; border-radius: 5px; transition: 0.4s; }
.mainWrap .btn:hover { opacity: 0.7; }

/* contactSection */
.mainWrap #contactSection .contentsOuterS { width: 520px; }
.mainWrap #contactSection dl { margin-top: 95px; }
.mainWrap #contactSection dl dt { margin-top: 95px; font-size: 163%; font-weight: bold; font-family: 'Noto Serif JP', serif; text-align: center; }
.mainWrap #contactSection dl dd { margin-top: 15px; line-height: 1.7; }
.mainWrap #contactSection dl dd.txtBtn { width: 385px; margin: 35px auto 0; line-height: 1.5; }
.mainWrap #contactSection dl dd.txtBtn a.btn { font-size: 108%; padding: 8px 0; }
.mainWrap #contactSection dl dd.txtBtn a.btn span { font-size: 122%; font-weight: bold; }

/* 削除 */
.mainWrap p#contactBtn { width: 385px; margin: 200px auto 0; }
.mainWrap p#contactBtn a.btn { font-size: 138%; }
/* 削除 */


.mainWrap p#btnPagetop { text-align: right; margin-top: 20px; margin-right: 28px; }

/* pagesSection */
.pagesSection { margin-top: 90px; line-height: 1.6; }
.pagesSection h2 { font-family: 'Noto Serif JP', serif; font-size: 225%; text-align: center; line-height: 1.8; font-weight: normal; }

/*------------------------------
  footerWrap
-------------------------------*/
#footerWrap { margin-top: 15px; }
#footerWrap #linkArea { background: #62b0e3; padding: 12px 0; }
#footerWrap #linkArea ul { display: flex; }
#footerWrap #linkArea ul li { margin-left: 25px; font-size: 81%; }
#footerWrap #linkArea ul li:first-child { margin-left: 0; }
#footerWrap #linkArea ul li a { display: block; padding-left: 20px; background: url("/common/images/footer_icon_arrow.gif") no-repeat left center; color: #ffffff; }
#footerWrap #linkArea ul li a:hover { text-decoration: underline; }

#footerWrap #copyArea { padding: 28px 0; }
#footerWrap #copyArea p#footerLogo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
#footerWrap #copyArea p#copyrightTxt { text-align: center; }
#footerWrap #copyArea p#copyrightTxt small { font-size: 75%; }