@charset "utf-8";

@media screen and (max-width: 670px) {

/* reset css */
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 {line-height:1;}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;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 #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}


/*
 * defaut style
 */
html { height:100%; overflow-y:scroll; font-size:1.45vw; min-height:600px; }
body { color:#333333;  word-wrap:break-word; background:#fff; -webkit-font-smoothing: antialiased; }
body { font-family:'Roboto','Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
div { font-size:14px; }
table { word-break:break-word; } 
img,input[type=image],video { max-width:100%; height:auto; width:auto; vertical-align:bottom; border:none; }
li { list-style-type:none; }
ol li {  margin-left:20px; padding-left:5px; list-style-type:decimal; margin-bottom:0.5em; line-height:180%; }
ul li {  margin-left:20px; padding-left:5px; list-style-type:disc; margin-bottom:0.5em; line-height:180%; }
dt { font-weight:bold; line-height:160%; margin-bottom:0.5em; }
dd { margin-bottom:1.5em; line-height:160%; }
p { margin-bottom:1.5em; line-height:180%; }
p:last-child { margin-bottom:0; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
sup { position:relative; font-size:100%; top:-5px; }
sub { position:relative; font-size:100%; bottom:-5px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.pc { display:none!important; }
.sp { display:block; }
img.sp { display:inline-block; }
.center { text-align:center; }
.right { text-align:right; } 
strong { /* color:#C00; */ }
em { /* color:#960; */ font-weight:bold; font-style:normal; }
.container iframe { max-width:100%; }
iframe[name=google_conversion_frame] { display:none; }
* { box-sizing:border-box; }
.eng { font-family:"Montserrat"; }


/*
 * header & footer
 */


/*
 * contents
 */
.contents { }
.content-wrapper { }
.main-content { margin:0 10px 0; position:relative; }
.sub-content { margin:50px 10px 0; position:relative; }

/* 汎用 */
.section { margin-top:-60px; padding-top:60px; }
.section:first-child { margin-top:0px; padding-top:0px; }
.section > .inner { }
.article { margin:0 20px; }
.article p { line-height:180%; }
.indent01 { margin:40px 0 0; }
.red { color:#e60012; }
.note { font-size:10px; }
.caption { margin-top:2rem; line-height:160%; }
.section p a { text-decoration:underline; }
.section p a:hover { color:#2ca7d5; text-decoration:none; }

.main-title { margin-bottom:100px; position:relative; margin-top:-110px; }
.main-title h1 { font-size:22px; font-weight:500; letter-spacing:5px; text-align:center; margin-bottom:50px; color:#fff; }
.main-title h1 > span { position:relative; display:inline-block; }

.title01 {}
.title01 span { }
.title02 {}
.title02 span { }

.btn01 { }
.btn01 a { }
.btn01 a:before{
content:"";
display:block;
width: 4px;
height: 4px;
border-top: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(45deg) translate(0,-50%);
position:absolute;
top:50%;
right:20px;
transition-duration: .4s;
z-index:2;
}
.btn01 a:hover { opacity:0.7; }
.btn02 { position:relative; margin:20px auto; }
.btn02 a { color:#333; background:#fff; display:inline-block; width:210px; padding:calc(15px) 0; text-align:center; position:relative; text-decoration:none; border:1px solid #bfbfbf; }
.btn02 a:before{
content:"";
display:block;
width: 4px;
height: 4px;
border-top: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(-135deg) translate(0,50%);
position:absolute;
top:50%;
left:20px;
transition-duration: .4s;
z-index:2;
}
.btn02 a:hover { opacity:0.7; }

.box-left *:last-child,
.box-right *:last-child { margin-bottom:0; }
.box01 {}
.box01 .box-left {}
.box01 .box-right {}

.box-flex01 {  }
.box-flex01 > .item { } 
.box-flex01 > .item:last-child { }

.table01 { position:relative;  border-bottom:1px solid #bfbfbf; border-top:1px solid #bfbfbf; padding:10px 0; }
.table01 table { /* border-spacing:30px; margin:-30px; */ border-collapse:separate; width:100%; max-width:800px; margin:0 auto; }
.table01 th { line-height:200%; width:calc(150 / 1100 * 100%); min-width:120px; padding:0px 0 15px 0px; white-space:nowrap; font-weight:normal; text-align:left; }
.table01 td { line-height:200%; color:#333; padding:0px 10px 15px 0px; }
.table01 tr:first-child th { padding-top:15px; }
.table01 tr:first-child td { padding-top:15px; }



/* home */
.top-box { position:absolute; left:50%; top:50%; transform:translate(-49.9%,-49.9%); text-align:center; width:300px; max-width:80%; }
.logo { margin-bottom:50px; }
.cs { margin-bottom:50px; }



.pager { text-align:center; margin:50px 0; }
.pager a { margin:0 8px; color:#333; text-decoration:underline; }
.pager a.current { text-decoration:none; }
.article-nav { position:relative; width:100%; margin:30px auto 0; }
.article-nav .prev-next { }
.article-nav .prev { float:left; }
.article-nav .next { float:right; }
.article-nav .btn01 a,
.article-nav .btn02 a { width:140px; }




/* wordpress エディター */

.editor { margin-top:10px; }
.editor #toc_container { padding:0; width:100%!important; border-color:#ccc; }
.editor #toc_container .toc_title { font-size:16px; font-weight:bold; border-bottom:1px solid #ccc; padding:5px 10px; }
.editor #toc_container .toc_toggle { font-size:12px; font-weight:normal; }
.editor #toc_container .toc_list { padding:10px 20px; font-size:14px; }
.editor #toc_container .toc_list li { margin-bottom:5px; }
.editor #toc_container .toc_list li ul { margin:5px 20px; }
.editor #toc_container .toc_list li a:hover { text-decoration:none; opacity:0.7; }
.editor #toc_container .toc_number { font-weight:bold; margin-right:6px; }
.editor #toc_container .toc_number:after { content: "."; margin-left:6px; }
.editor .date { font-size:12px; font-weight:bold; display:inline; margin-right:10px; }
.editor .category { font-size:10px; font-weight:bold; display:inline-block; line-height:150%; }
.editor .category a { text-decoration:none; }
.editor .category a:after { content:" / "; }
.editor .category a:last-child:after { display:none; }
.editor .sns-buttons { margin:30px 0 30px; text-align:center; }
.editor .sns-buttons:last-child { margin-top:60px; }
.editor .sns-buttons a { display:inline-block; border-radius:2px; color:#fff; text-decoration:none; margin-right:2px; margin-bottom:5px; }
.editor .sns-buttons a:hover { opacity:0.7; }
.editor .sns-buttons a > span { display:inline-block; vertical-align:bottom; width:36px; height:36px; line-height:36px; font-size:10px; text-align:center; position:relative; }
.editor .sns-buttons a > span > span { display:none; }
.editor .sns-buttons a > span:before { position:absolute; left:10px; top:50%; transform:translateY(-50%); font-size:16px; }
.editor .sns-buttons .btn-facebook { background:#436198; }
.editor .sns-buttons .btn-twitter { background:#75c1ef; }
.editor .sns-buttons .btn-google { background:#ca5134; }
.editor .sns-buttons .btn-in { background:#457ab5; }
.editor .sns-buttons .btn-pocket { background:#cd5357; }
.editor:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }
.editor a { color:#333; text-decoration:underline; }
.editor a:hover { text-decoration:none; }
.editor h1 { font-size:16px; background:#eff0f0; font-weight:bold; margin:30px 0 15px; padding:16px; line-height:140%;}
.editor h2 { position:relative; font-size:16px; border-left:3px solid #bfbfbf; font-weight:bold; margin:30px 0 25px; padding:2px 16px; line-height:140%;}
.editor h2:after { position:absolute; left:0; bottom:-10px; content:""; display:block; width:100%; height:1px; background:#d8d8d8;  }
.editor h3,
.editor h4,
.editor h5,
.editor h6 { font-size:16px; margin:30px 0 15px; }
.editor li { line-height:150%; margin-bottom:5px; }
.editor ol li { margin-left:0; }
.editor figcaption { line-height: 160%; font-size: 85%; }

.editor figure { width:100%; }
.editor img {
	margin: 0 auto 1.5em;
	display:block;
	max-width:100%;
	width:auto;
}
.editor  .alignleft {
	margin: 0 auto 1.5em;
	display:block;
	float:none;
	max-width:100%;
}

.editor  .alignright {
	margin: 0 auto 1.5em;
	display:block;
	float:none;
	max-width:100%;
}

.editor  .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.5em;
	max-width:100%;
}

.editor  blockquote.alignleft,
.editor  blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.editor  blockquote.alignleft p,
.editor  blockquote.alignright p {
	margin-bottom: 17px;
}

.editor  ul,
.editor  ol {
	list-style: none;
	overflow:hidden;
	margin: 0 0 24px 0px;
}
.editor  ol {
	padding-left: 20px;
}

.editor  ul {
	padding-left: 0px;
}


.editor  ul li {
	list-style: disc;
}

.editor  ol li {
	list-style: decimal;
	margin-left:0!important;
}

.editor  li > ul,
.editor  li > ol {
	margin: 0 0 0 20px;
}

.editor table { width:100%; margin:0 auto 25px; line-height:180%; border:1px solid #bfbfbf; border-collapse:collapse; font-size:12px; }
.editor table th { position:relative; border:1px solid #bfbfbf; padding:10px; font-weight:normal; text-align:center; }
.editor table td { position:relative; border:1px solid #bfbfbf; padding:10px; font-weight:normal; }
.editor table tr *:nth-child(1) { width:70px; }
.editor table tr:nth-child(2n+1) > * { background:#f5f5f5; }

.editor blockquote { color:#666; font-style:italic; position:relative; padding:10px 10px 10px 35px; background:#f6f6f6; margin-bottom:2.5em; }
.editor blockquote:before { content:'"'; font-size:50px; position:absolute; left:0; top:20px; }

.editor figure { margin-bottom:2.5em; max-width:100%; }
.editor figure img { margin-bottom:10px; }



}

@media screen and (max-width: 670px) {

/* animation */
.standby { transform: translateY(30px); opacity:0; }
.is-animated { transition-delay:0.50s!important; transform: translateY(0px); opacity:1; transition-duration: .5s!important; transition-property:transform,opacity!important; }
.is-completed { transition-delay:0s!important; transition-duration:0s!important; }



}