@charset "utf-8";
/* ===================================================================
	style info : リセット及びフォントサイズ
=================================================================== */
/* 
html5doctor.com Reset Stylesheet
v1.6
Last Updated: 2010-08-18
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	background-color: #FAFAFA;
	font-family: Arial, Helvetica, Verdana;
	font-size: 18px;
	font-feature-settings: "palt";
    letter-spacing: 1px;
	line-height: 22px;
	color: #222;
	width: 100%;
	position: relative;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;

}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted inherit;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #CCC;
	margin: 4px 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

article,aside,footer,header,nav,section {
    display: block;
}


/*文字サイズ指定*/
html { font-size: 62.5%; } /* 10px */

body { font-size: 1.8rem; } /* 18px */
/*
p  { font-size: 1.8rem; } 
li { font-size: 1.8rem; } 
li p { font-size: 1.8rem; }
*/

h1,h2,h3,h4,h5,h6,
dl,label,
div,p,ul,ol,li{
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 1.6;
}

ul,li {
list-style: none;
}

img {
	vertical-align:top;
}

dd {margin: 0;}

.nobr {display: none;}

.no_pc {display: none;}


/*============================================================================
	リンク
==============================================================================*/

a {color: #1111cc; text-decoration: none;}
a:hover {color: #1979ff; text-decoration: none;opacity: 0.5;}
a:active {color: #1979ff; text-decoration: none;}

/*============================================================================
	汎用
==============================================================================*/
hr {
    border: 0;
    height: 1px;
    background-color: #999999;
    margin: 20px 0;
}

/* 画像
---------------------------------*/

.imgBox img {
	width: 100%;
	height: auto;
}

/*
.full-width {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}
.full-img {
    width: 100vw;
    height: auto;
    margin-left: calc(-50vw + 50%);
}
*/


/* 画像右
---------------------------------*/
.imgR {
	float: right;
}

/* 画像左
---------------------------------*/
.imgL {
	float: left;
}

/* 中央
---------------------------------*/
.tC {
	text-align: center;
}


/* 右揃え pタグ
---------------------------------*/
.tR {
	text-align: right;
}

/* 明朝
---------------------------------*/
.mincho {
	font-family: "ＭＳ 明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Century, "Times New Roman", Times, serif;
}

.fR {
    float: right;
}

.fL {flex: left;}
/* clearfix
---------------------------------*/
.clearfix:after {
	content: ""; display: block; clear: both;
}

.bold {font-weight: bold;}
/*============================================================================

	テーブル

==============================================================================*/
table#ex {
	border-collapse: collapse;
	margin:4px 20px !important;
	width:90%;
	padding:0 !important;
}

table th,#ex {
	padding: .6em;
	border: 1px solid #999;
	vertical-align: middle;
	background-color:#FFDC37;
}

table td,#ex {
	padding: .6em;
	border: 1px solid #999;
	vertical-align: middle;
	background-color:#FFFFFF;
}

table {
	border-collapse: collapse;
}

table th, table td {
	padding: .6em;
	border: 1px solid #999;
	vertical-align: middle;
}



/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 32px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
  vertical-align: middle;
}

.fas {
font-family: "Font Awesome 5 Free"; /*←ココ！！！！！！！*/
font-weight: 900;
}
/*============================================================================

	テキスト サイズ

==============================================================================*/
.std10 { font-size: 1.0rem; } /* 10px */
.std11 { font-size: 1.1rem; } /* 11px */
.std12 { font-size: 1.2rem; } /* 12px */
.std13 { font-size: 1.3rem; } /* 13px */
.std14 { font-size: 1.4rem; } /* 14px */
.std15 { font-size: 1.5rem; } /* 15px */
.std16 { font-size: 1.6rem; } /* 16px */
.std17 { font-size: 1.7rem; } /* 17px */
.std18 { font-size: 1.8rem; } /* 18px */
.std19 { font-size: 1.9rem; } /* 19px */
.std20 { font-size: 2.0rem; } /* 20px */
.std21 { font-size: 2.1rem; } /* 21px */
.std22 { font-size: 2.2rem; } /* 22px */
.std23 { font-size: 2.3rem; } /* 23px */
.std24 { font-size: 2.4rem; } /* 24px */
.std25 { font-size: 2.5rem; } /* 25px */
.std26 { font-size: 2.6rem; } /* 26px */
.std27 { font-size: 2.7rem; } /* 27px */
.std28 { font-size: 2.8rem; } /* 28px */
.std29 { font-size: 2.9rem; } /* 29px */
.std30 { font-size: 3.0rem; } /* 30px */
.std31 { font-size: 3.1rem; } /* 31px */
.std32 { font-size: 3.2rem; } /* 32px */
.std33 { font-size: 3.3rem; } /* 33px */
.std34 { font-size: 3.4rem; } /* 34px */
.std35 { font-size: 3.5rem; } /* 35px */
.std36 { font-size: 3.6rem; } /* 36px */
.std37 { font-size: 3.7rem; } /* 37px */
.std38 { font-size: 3.8rem; } /* 38px */
.std39 { font-size: 3.9rem; } /* 39px */
.std40 { font-size: 4.0rem; } /* 40px */
.std42 { font-size: 4.2rem; } /* 42px */
.std44 { font-size: 4.4rem; } /* 44px */
.std46 { font-size: 4.6rem; } /* 46px */
.std48 { font-size: 4.8rem; } /* 48px */
.std50 { font-size: 5.0rem; } /* 50px */


/*============================================================================

	テキスト カラー

==============================================================================*/

.white { color: #FFFFFF; }
.black { color: #000000; }
.gray { color: #666666; }
.lgray { color: #999999; }
.red { color: #990000; }
.pink { color: #FF3366; }
.green { color: #006600; }
.orange { color: #FF6600; }
.blue { color: #0066CC; }
.lblue { color: #0099FF; }
.yellow { color: #FFFF00; }
.gold { color: #996633; }
.brown { color: #744706; }

.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

:focus {
    outline: -webkit-focus-ring-color none!important;
}
/*============================================================================

	バックグラウンドカラー

==============================================================================*/

.bgGold {background-color: #b6a154;}
.bgGreen {background-color: #6ba74d;}
.bgBlue {background-color: #577ebd;}
.bgOrange {background-color: #dd9f4e;}



/*============================================================================

	ページ共通

==============================================================================*/
small {
	font-size: 11px;
}

#topcontrol {position: relative;z-index: 9999;}

a#scrollTop {
	text-indent: -8888px;
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	background-color: #295c36;
	background: url(https://sp-f.t-tank.net/img/common/pagetop.png) no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	z-index: 99!important;
	position: relative;
}

input[type="submit"] {
	cursor: pointer;
	font-size: 13px;
	color: #333;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	line-height: 1;
	padding: .6em 1.6em;
	display: block;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.75), 0px 1px 3px 0px rgba(000,000,000,.0);
	border: 1px solid #666;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
}

/* * カラムレイアウト FLEX  */

.flex-container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.flex-item:nth-child(1) {
	-webkit-align-self: center;
	align-self: center;
}
.flex-item:nth-child(2) {
	-webkit-align-self: center;
	align-self: center;
}

.flex-item {
	text-align: left;
	margin-bottom: 1rem;
}

.titleBox {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	justify-content: center;
}

.flex {display: flex;}


.flexWrap {
	display: flex;
	width: 100%;
	box-sizing: border-box;
}

.flex02 {
	flex-wrap: wrap;
	display: flex;
}

.flex02,
.flex03,
.flex04 {
	flex-wrap: wrap;
}


.flex04 > div {
	width: 21.233333%;
	margin: 0 0 15px 5%;
}

.flex03 > div {
	width: 30%;
	margin: 0 0 16px 5%;
}

.flex03 > div:last-child {
	margin: 0 0 15px 5%;
}

.flex02 > div {
	width: calc((100% - 10px) / 2);
	margin: 0 0 15px 10px;
}

.flex02 > div:nth-child(2n+1),
.flex03 > div:nth-child(3n+1),
.flex04 > div:nth-child(4n+1) {
	margin-left: 0;
}

.flex02 > div img,
.flex03 > div img {width: 100%;}

.flex08 {
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex08 .item {
	display: flex;
	width: 49%;
}
.flex08 .item:nth-child(n+3) {
	margin-top: 15px;
}
.flex08 .item > div:first-child {
	width: 100px;
	height: 100px;
	background: #ddd;
}
.flex08 .item > div:nth-child(2) {
	width: calc(100% - 115px);
	margin-left: 15px;
	text-align: left;
}
*/
.ico_muryou {background-color: #0074ff;color: #FAFAFA;padding: 0.2rem 0.4rem;display: inline-block;margin-right: 0.5rem;}
.ico_yuryou {background-color: #ff6300;color: #FAFAFA;padding: 0.2rem 0.4rem;display: inline-block;margin-right: 0.5rem;}



.mb10 {margin-bottom: 1rem;}
.mb20 {margin-bottom: 2rem;}
.p10 {padding: 1rem;}
.p20 {padding: 2rem;}
.p30 {padding: 3rem;}
.p40 {padding: 4rem;}