@charset "UTF-8";

/* CSS Document */

/*------------------------------------------------------------
スマホ デフォルトスタイル
------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, br, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/* table, caption, tbody, tfoot, thead, tr, th, td */
footer, header, hgroup, menu, nav, section, time, mark, audio, video{
margin:0; padding:0; background:transparent;
border:0; outline:0;
font-size:14px; 
}

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

dl, dt, dd, ol, ul, li{
margin:0;
}

a{ color:#0064BE; text-decoration:underline; }
a:hover{ color:#319DFF; }

img,abbr,acronym,fieldset { border: 0; }

img{
    border: none; 
    vertical-align:top; 
    opacity: 0;
	transition: all ease .3s;
}

.clear{
clear:both;
}

.clearfix:after{
height:0px;
visibility:hidden;
display:block;
clear:both;
content:".";
}

.clearfix { min-height:1px; } /*IE6、7対策*/

* html .clearfix {
height: 1px;
height: auto; overflow: hidden; /*\*//*/ /*MAC IE5.x対策*/
}

body {
  background: #FFF;
  color: #333;
  font-size: 14px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "Noto Sans JP";
  line-height: 180%; letter-spacing:0.08em;
}

* html body {	/* for IF6 */
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "Noto Sans JP";
  line-height: 180%; letter-spacing:0.08em;
}



body { overflow-x: hidden; }

body , html { height: 100%; }

a{ color:#0027E1; text-decoration:underline; }
a:hover{ color:#319DFF; }

img,abbr,acronym,fieldset { border: 0; }
img{ border: none; vertical-align:top; }

.clear{ clear:both; }

.clearfix:after{
height:0px;
visibility:hidden;
display:block;
clear:both;
content:".";
}

.clearfix { min-height:1px; } /*IE6、7対策*/

* html .clearfix {
height: 1px;
height: auto; overflow: hidden; /*\*//*/ /*MAC IE5.x対策*/
}

/*------------------------------------------------------------
スマホ 共通
------------------------------------------------------------*/

#header{ width:100%; height:15px; background:#292929; margin:0; padding:0; }

#wrap{
    background:#FFF;
    width: 100%;
    margin: 0 auto;
	text-align:center;
}

#logo img { display:block; width:90%; height:auto; max-width:300px; text-align:center; margin:30px auto; }


#imageP { width:100%; }

#imageP img{ display: block; width: 100%; height: auto; }

#footer { width:100%; background:#292929; margin:30px 0 0 0; padding:30px 0; color:#FFFFFF; font-size:11px; text-align:center; line-height:130%; }

#footer a { color:#FFFFFF; text-decoration:underline; font-size:11px;  }

/*------------------------------------------------------------
スマホ ページ内容
------------------------------------------------------------*/

.copy_01 { font-size:20px; color:#cb0000; font-family:"Noto Sans JP"; margin:20px auto 20px auto; line-height:120%; padding:0 10px; }

.copy_02 { font-size:16px;  margin:0px auto 20px auto; padding:0 10px; letter-spacing:0.01em; }

.copy_02 strong { font-size:18px; font-weight:normal; }

.txtbox_01 { width:100%; border-radius: 10px; background:#FBFADE; text-align:left; margin:0 0 30px 0; }
.txtbox_01 p { padding:30px; }

.dl_01 { width:100%; }

.dl_01 dl { margin:0; padding:0; }

.dl_01 dt { width:90%; margin:0 0 20px 20px; padding:3px 0 0 7px; border-left:#D10003 6px solid; font-size:22px; text-align:left; font-family:"Noto Sans JP"; }

.dl_01 dd { width:90%; margin:0; padding:0 0 0 20px; font-size:16px; text-align:left; font-family:"Noto Sans JP"; }

.dl_02 { width:100%; }

.dl_02 dl { margin:0; padding:0; }

.dl_02 dt { width:90%; margin:0 0 20px 20px; padding:3px 0 0 7px; border-left:#D10003 6px solid; font-size:22px; text-align:left; font-family:"Noto Sans JP"; }

.dl_02 dd { width:90%; margin:0 auto; padding:0px; font-size:14px; text-align:left; font-family:"Noto Sans JP"; }

.dl_02 dd ul {}

.dl_02 dd ul li { margin:30px 0 0 0; padding:0; list-style:none; width:90%; }


.pwrap { width:320px; margin:0 auto; }

.pwrapPhoto img { width:100%; max-width:100%; }

.pwrapTxt { margin:10px 0 0 0; font-size:0.9em; text-align:center; }

.txt_01 { font-size:16px; color:#00336c; margin-bottom:10px; font-weight:bold; }

.txt_02 { font-size:18px; color:#00336c; margin-top:5px; font-weight:bold; }

.txt_s { font-size:0.95em; line-height:160%; letter-spacing:0.1em; }

.txt_s a { font-size:0.95em; }


/*----スマホ H1 H2 -----*/

.h1_01 { width:90%; margin:0 0 20px 20px; padding:3px 0 0 7px; border-left:#D10003 6px solid; font-size:22px; text-align:left; font-family:"Noto Sans JP"; }

.h2_01 { width:90%; margin:30px auto 20px auto; background:#6E320A;text-align:left; } 
.h2_01 p { padding:5px 0px 5px 10px; font-size:18px; color:#FFFFFF; font-weight:normal; font-family:"Noto Sans JP"; }



/*---- スマホ BOX-----*/

.box_01 { width:90%; margin:10px auto 10px auto; }
.box_01_left { width:100%; text-align:center; margin:20px auto 10px auto; }
.box_01_left img { width:100%; max-width:500px; }

.box_01_right { width:100%;  text-align:left; }
.box_01_right strong { color:#962E00; }

/*----スマホ TXT BOX-----*/

.txtbox_02 { width:90%; margin:0px 0 0 0; }

/*---- スマホ 3カラム-----*/

.cwrap { width:90%; margin:0 auto; border-bottom:#888 dotted 1px; padding:8px 0 8px 0; }
.c_01 { width:100%; text-align:left; color: #3d3c3b; font-weight:bold; }
.c_02 { width:100%; text-align:left; }
.c_03 { width:100%; text-align:left; }

/*----スマホ HR-----*/

.hr_01 { width:100%; border-bottom:dotted #555 1px; border-top:0; border-left:0; border-right:0; margin:20px 0 20px 0; }

.hr_02 { width:100%; border-bottom:solid #dadada 5px; border-top:0; border-left:0; border-right:0; margin:30px 0 30px 0; }


/*----スマホ 会社情報-----*/

.dl_info { width:100%; }

.dl_info dl { margin:0; padding:0; }

.dl_info dt { width:90%; margin:10px 0 0 0; padding:0px; font-size:14px; text-align:left; border:0; font-weight:bold; }

.dl_info dd { width:100%; margin:0; padding:0 0 10px 0; font-size:14px; text-align:left; border-bottom:dotted #555 1px; }

img.free { vertical-align: middle; padding:0 8px 0 0; }

/*----スマホ 著書-----*/

.book_img { width:90%; margin:0 0 10px 0; }

.book_txt { width:90%; margin-bottom:30px;  }


/*----スマホ 対談カラー-----*/

.person_01 { color:#C40003; font-weight:bold; }
.person_02 { color:#0021BF; font-weight:bold; }


/*----スマホ 対談バナー-----*/

.ac_box{
width: auto;
margin: 30px auto 5px auto;
}

.ac_box label{
max-width: 80%;
font-size: 20px;
font-weight: normal;
text-align: center;
background: #881A1A;
margin: auto;
padding:10px 0 15px 0;
line-height: 120%;
position: relative;
display: block;
color: #FFF;
transition: all 0.5s;
}

.ac_box label em { color:#fff832; font-style:normal; font-size:12px; font-weight:bold; }

.ac_box label:hover{
opacity: 0.7 
}

.ac_box input{
display: none;
}

.ac_box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac_box input:checked ~ div{
height: auto;
background: #ecf7f6;
opacity: 1;
padding:30px;
font-size:14px;
}

.ac_box div p{
font-size: 14px;
padding: 0px;
text-align: justify;
}

.ac_box img{ width:90%; max-width:500px; height:auto; }

.ac_small { 
font-size: 16px;
margin:0 auto 50px auto; text-align:left; letter-spacing:0.05em; }


/*----スマホ 人写真2点-----*/

.personwrap { width:90%; margin:0 auto; }
.person_l { float:left; width:100%; max-width:100%; padding-bottom:20px; }
.person_r { float:right; width:100%; max-width:100%;  }

.person_l img { width:100%; max-width:100%; }
.person_r img { width:100%; max-width:100%; }



/*----スマホ Youtube bana-----*/

.douga {
    max-width:90%; margin:20px auto 30px auto;
}

.douga a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #000;
}

.douga label {
    display: block;
    margin: 0 0 4px 0;
    padding : 15px;
    line-height: 1;
    color :#fff; font-size:18px;
    background : #881A1A;
    cursor :pointer;
}

.t_em { color:#fff832; font-style:normal; font-size:16px; font-weight:bold; line-height:180%; }


input {
    display: none;
}

.douga ul {
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
}

.douga li {
    height: 0; width:100%;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {
    height:100% ;
    opacity: 1;
}

/*----スマホ Youtube-----*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
 }

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width:100% !important;
  height:100% !important;
 }

 
/*----スマホ トップに戻る-----*/

#totop_btn{
    position: fixed;
    right: 10px;
    bottom: 10px;
	width:50px; background:#bfbfbf;
	padding:10px 0;
	border-radius: 10px;
	color:#FFFFFF;
	font-size:20px;
	text-align:center;
	display:block;
	text-decoration:none;
}


#totop_btn:hover{
	background: #DDD;
	transition: all .3s;
}

/*------------------------------------------------------------
FONT COLOR
------------------------------------------------------------*/

.fc_red { color:red; }
.fc_blue { color:#000DFF; }

/*------------------------------------------------------------
マージン
------------------------------------------------------------*/
.m0    {margin:0px; padding:0px; }
.mt_2  { margin: 2px 0px 0px 0px; padding:0px; }
.mt_3  { margin: 3px 0px 0px 0px; padding:0px; }
.mt_4  { margin: 4px 0px 0px 0px; padding:0px; }
.mt_5  { margin: 5px 0px 0px 0px; padding:0px; }
.mt_10 { margin: 10px 0px 0px 0px; padding:0px; }
.mt_20 { margin: 20px 0px 0px 0px; padding:0px; }
.mt_30 { margin: 30px 0px 0px 0px; padding:0px; }
.mt_40 { margin: 40px 0px 0px 0px; padding:0px; }
.mt_50 { margin: 50px 0px 0px 0px; padding:0px; }

.mb_3  { margin: 0px 0px 3px 0px; padding:0px; }
.mb_5  { margin: 0px 0px 5px 0px; padding:0px; }
.mb_10 { margin: 0px 0px 10px 0px; padding:0px; }
.mb_20 { margin: 0px 0px 20px 0px; padding:0px; }
.mb_30 { margin: 0px 0px 30px 0px; padding:0px; }
.mb_40 { margin: 0px 0px 40px 0px; padding:0px; }
.mb_50 { margin: 0px 0px 50px 0px; padding:0px; }

.ml_10 { margin: 0px 0px 0px 10px; padding:0px; }
.ml_20 { margin: 0px 0px 0px 20px; padding:0px; }
.ml_30 { margin: 0px 0px 0px 30px; padding:0px; }
.ml_40 { margin: 0px 0px 0px 40px; padding:0px; }


.m_bt_2  { margin: 2px 0px; padding:0px; }
.m_bt_3  { margin: 3px 0px; padding:0px; }
.m_bt_4  { margin: 4px 0px; padding:0px; }
.m_bt_5  { margin: 5px 0px; padding:0px; }
.m_bt_10 { margin: 10px 0px; padding:0px; }
.m_bt_20 { margin: 20px 0px; padding:0px; }
.m_bt_30 { margin: 30px 0px; padding:0px; }

.wf-notosansjapanese { font-family:"Noto Sans JP"; }

/* ---------------------------------------
追加
--------------------------------------- */
.enkai{
    margin-left: 40px;
}