﻿/*
Theme name: get_information
*/
@charset"utf-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font-weight:inherit;font-style:inherit;font-family:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
/* Ion.RangeSlider// css version 2.0.3// © 2013-2014 Denis Ineshin | IonDen.com*/
/*-------------------*/
body {background:#fff;overflow-x:hidden;color:#111;}
html,body, h1,h2,h3,h4,h5,h6,li,dl,dd,p,span,a,td,em,strong,input{margin: 0;padding: 0;font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;font-size:16px;font-weight:500;letter-spacing: 0.02em;line-height:1.45;}
ul {list-style: none;padding: 0;margin: 0;}
/*----------------------------------------------*/
a{text-decoration:none;}
/*----------------------------------------------*/
#cover{margin:0;padding:0;height:100%;width:100%;overflow:hidden;}
.section{width:100%;z-index:1;position:relative;}

.inner{width:98%;max-width:1200px;margin:0 auto;box-sizing:border-box;padding:0 25px;}
.inner_nopad{padding:0;}





.area{padding:4em 0;}
.area_top{padding-top:4em;}
.area_bottom{padding-bottom:4em;}
.area_stop{padding-top:2em;}
.area_sbottom{padding-bottom:2em;}



/*----------------------------------------------*/
.bt{padding:1em 4em;border:none;transition: all 300ms 0s ease;}
.bt_small{padding:0.5em 1.5em;}

.bg_red{background:#b90f0f;}
a.bg_red:hover{background:#cd3131;}
.bg_white{background:#fff;}
.bg_lightblue{background:#4aa9d5;}
.bg_pink{background:#f864ad;}
.bg_lightgray{background:#efefef;}

.bg_gray{background:#666;}




.underline:hover{text-decoration:underline;}
.radius_10{border-radius:10px;}
.radius_100{border-radius:100px;}
/*----------------------------------------------*/
.color_red,.color_red a{color:#b90f0f;}
.color_red a:hover,a.color_red:hover{color:#cd3131;}
.color_blue,.color_blue a{color:#049ef7;}
.color_blue a:hover,a.color_blue:hover{color:#24abf9;}
.color_pink{color:#f864ad;}
.color_white,.color_white a,a.color_white{color:#fff;}
.color_lightblue,.color_lightblue a{color:#4aa9d5;}
.color_lightblue a:hover,a.color_lightblue:hover{color:#5ebae4;}
.color_lightred{color:#da4747;}
.color_orange{color:#f8902b;}
.color_brown{color:#885444;}

.color_gray,.color_gray a{color:#363636;}
.color_gray a:hover,a.color_gray:hover{color:#666;}
.color_lightgray,.color_lightgray a{color:#999;}
.color_lightgray a:hover,a.color_lightgray:hover{color:#ccc;}
.color_maxlightgray,.color_maxlightgray a{color:#ddd;}

/*----------------------------------------------*/
.strong,.strong a,.bold{font-weight:bold;}
.font_12{font-size:12px;}
.font_14{font-size:14px;}
.font_16{font-size:16px;}
.font_18{font-size:18px;}
.font_20{font-size:20px;}
.font_24{font-size:24px;}
.font_28{font-size:28px;}

.arial{font-family:"Arial Black", Gadget, "sans-serif";}

.center{text-align:center;}.right{text-align:right;}.left{text-align:left;}
.hidden{overflow:hidden;}
/*----------------------------------------------*/
.clear_fix::after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.box_sizing{box-sizing:border-box;}
.replace{text-indent: 100%;white-space: nowrap;overflow: hidden;}
.inline_blk{display:inline-block;}
.blk{display:block;}
.table{display:table;width:100%;}
.cell{display:table-cell;}
.cell.middle{vertical-align:middle;}
.cell.top{vertical-align:top;}
.cell.bottom{vertical-align:bottom;}
.float_left{float:left;}
.float_right{float:right;}
/*----------------------------------------------*/
.sm_break{display:none;}
.sm_break2{display:none;}
.sm_show{display:none;}
/*----------------------------------------------*/
/*----------------------------------------------*/
.section h3{margin-bottom:2em;}
.section h3 .icon{height:45px;margin:0 auto 0.5em auto;display:block;}
#top_6 h3 .icon,#top_7 h3 .icon{height:52px;}
/*----------------------------------------------*/
.products.table{table-layout: fixed;}
.products .cell{padding:0 1%;box-sizing:border-box;width:20%;}
.products p.bg_lightgray{padding:0.5em 0.75em;margin-bottom:0.5em;position:relative;z-index:2;}
.products p.bg_lightgray span{display:block;height:4.5em;overflow:hidden;}
.products p.bg_lightgray:after{content:"";width:0;height:0;display:block;border:8px solid;border-color:#eee #eee transparent transparent;position:absolute;left:0;bottom:-16px;}
.products h4{margin:0.5em 0;height:4.5em;overflow:hidden;}
/*画像の高さ揃え*/
.products .img_cover{height:auto;position:relative;display:block;}
.products .img_cover:before{content: "";display: block;padding-top: 100%; /* ここを100％にすることで正方形になる*/}
.products .img_cover span{width:100%;height:100%;display:block;position:absolute;top:0;left:0;}
.products .img_cover span:before{content: "";height: 100%;vertical-align: middle;width: 0px;display: inline-block;}
.products .img_cover span > *{vertical-align: middle;display: inline-block;}
.products .img_cover span img{max-width: 100%;height: auto;max-height: 100%;}

.products .rank{color:#fff;background:#b90f0f;padding:0.2em 0.5em;font-size:20px;display:inline-block;margin-bottom:0.75em;line-height:1.2;}
.rank.rank_1{background:#c8b968;}
.rank.rank_2{background:#bdbcb7;}
.rank.rank_3{background:#9e752e;}

.iframes{width:100%;border:none;overflow-y:hidden;min-height:410px;}
/*----------------------------------------------*/
#header{z-index:999;}
#header hgroup{height:90px;}
#header h1{width:160px;padding:15px 0 0 25px;}
#headmenu{width:60%;padding:7px 0;}
#headmenu a.cell img{height:25px;display:block;margin:0 auto 0.5em auto;}
#telinfo_area{width:240px;padding-left:20px;}
#telinfo_area p{border-left:2px solid #fff;padding-left:20px;}
#main_menu{border-right:2px solid #b90f0f;}
#main_menu .cell{border-left:2px solid #b90f0f;width:16.66%;box-sizing:border-box;position:relative;}
#main_menu .cell a{width:100%;display:block;transition: all 300ms 0s ease;padding:1em 0;height:1.5em;}
#main_menu .cell a:hover{background:#b90f0f;color:#fff;}
#main_menu .cell ul{position:absolute;background:#fff;width:180%;padding:0 1px 1px 1px;box-sizing:border-box;display:none;border:2px solid #b90f0f;}
#main_menu .cell a:hover+ul,#main_menu .cell ul:hover{display:block;}
#main_menu .cell li{border-top:1px solid #fff;}
#main_menu .cell li a{border-bottom:1px solid #b90f0f;padding-left:1.2em;box-sizing:border-box;height:3.5em;position:relative;color:#333;}
#main_menu .cell li a:before{content:"";width:0;height:0;display:block;border:5px solid;border-color:transparent transparent transparent #b90f0f;position:absolute;left:0;top:50%;margin:-5px 0 0 5px;}
/*----------------------------------------------*/

#top_1{height:500px;background:url("../img/top_1_1.jpg") no-repeat center bottom;overflow:hidden;}
#top_1 .inner{height:500px;position:relative;}
#top_1 .inner:after{content:"";background:url(../img/top_1_2.png) no-repeat left top;position:absolute;right:-140px;top:0;width:70%;height:100%;}
#top_1 #top_1_txt{z-index:2;position:relative;width:50%;}
#top_1 #top_1_txt h2{margin:2em 0 0.75em 0;}
/*----------------------------------------------*/
#top_2 h3 img{width:80%;margin:auto;}
#top_2 h3{margin:2em 0 3.5em 0;}
#top_2 #reasons div{width:48%;margin:1%;border:4px solid #ddd;box-sizing:border-box;padding:2em 1.5em 0 1.5em;position:relative;}
#top_2 #reasons .flags{width:18%;position:absolute;top:0;margin-top:-6px;}
#top_2 #reasons .reason_icon{width:70%;display:block;margin:0 0 1em auto;}
#top_2 #reasons h4{margin-bottom:0.5em;}
#top_2 #reasons p{height:8em;margin-bottom:0.5em;}
#top_2 #reasons span.blk{padding-top:0.75em;}

/*----------------------------------------------*/
#top_3{border-bottom:2px solid #eee;}
/*----------------------------------------------*/
#top_5 h4{margin:2em 0 3.5em 0;}
#top_5 h4 img{width:80%;}
#top_5 p.float_left{width:40%;margin-right:5%;padding:1em 0;}
#top_5 center.float_right{width:55%;}
#top_5 center div{width:100% !important;}
/*----------------------------------------------*/
#top_6 .number{padding:0.5em 0.8em;display:inline-block;line-height:1.2;border-radius:100px;position:absolute;/*left:0.7em;top:0.7em;*/right:75%;top:2.5%;}
#top_6 .circles{width:30%;margin:1.66%;position:relative;}
#top_6 .circles .img_cover{width:90%;overflow:hidden;border-radius:100%;display:block;margin:0 auto 1em auto;}
#top_6 .circles .img_cover img{width:100%;}
#top_6 .circles h4{margin-bottom:0.5em;}
#top_6 .circles p{height:5em;overflow:hidden;}

#top_6 .circles.bg_white{width:60%;margin-left:3%;padding:1em 2em;box-sizing: border-box;}
#top_6 .circles.bg_white li{width:30%;margin:1% 1.66%;}
#top_6 .circles.bg_white li img{width:70%;display:block;margin:0 auto 0.25em auto;}
#top_6 .circles.bg_white:before{content:"";width:0;height:0;display:block;border:20px solid;border-color:transparent #fff transparent transparent;left:0;top:50%;margin:-20px 0 0 -40px;position:absolute;}
/*----------------------------------------------*/
#top_7 div.float_left{width:44%;margin:0 3% 2em 3%;}
#top_7 p.bg_lightgray{padding:1em;width:70%;vertical-align:top;box-sizing:border-box;height:10em;overflow:hidden;}
#top_7 div.cell{padding-right:1.5em;}
/*----------------------------------------------*/
footer .mcs_footer_container{margin:0 auto 0 auto;overflow: hidden;display: flex;}
.mcs_footer_container section{flex: 1;margin:5px;padding: 0;}
.mcs_footer_container h1{color: #fff;font-size:18px;
background-color: #b90f0f;display: block;margin: 1em 0;padding:5px 5px 5px 15px;}
.mcs_footer_container h2 {font-weight:bold;margin: 0.5em 0;padding: 0;}
.mcs_footer_container p {font-size:14px;padding: 0 0 0.5em 0;}
.mcs_footer_container p.bg_lightgray{padding: 0.75em 0.5em;margin-bottom:0.75em;}
.mcs_footer_container .color_red,.mcs_footer_container td {font-size:14px;}
table.mcs_footer_table {border-collapse: collapse;text-align: center;font-weight:bold;color:#ffffff;}
table.mcs_footer_table td {padding:0.5em;vertical-align: center;background-color: #cc0000;
border-right: 3px solid #ffffff; border-bottom: 3px solid #ffffff; border-top: 3px solid #ffffff;}
/*----------------------------------------------*/
/*----------------------------------------------*/
/*----------------------------------------------*/
@media only screen and (max-width:959px){	
.sm_show{display:block !important;}
.sm_hide{display:none !important;}
.inner{width:100%;padding:0 1%;}
/*----------------------------------------------*/	



/*----------------------------------------------*/
.products.table{display:block;}
.products.table:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.products p.bg_lightgray span{height:4.5em;}
.products .cell{width:50%;padding:0 1% 3em 1%;display:block;float:left;}
.products.table .cell:last-child{display:none;}	
.products h4{height:4.5em;}
/*----------------------------------------------*/	
#top_1 .inner:after{content:none;}
#top_1 #top_1_txt img{width:98%;margin-left:auto;margin-right:auto;}
#top_1 #top_1_txt h2 img{max-width:539px;width:98%;margin-left:auto;margin-right:auto;}
#top_1 #top_1_txt strong img{max-width:428px;width:90%;margin-left:auto;margin-right:auto;}
/*----------------------------------------------*/	
#top_2 h3 img{width:90%;}
#top_2 #reasons div{width:98%;float:none;padding:2em 0.5em 0 0.5em;}
#top_2 #reasons p{height:auto;padding-bottom:0.5em;}
#top_2 #reasons .reason_icon{margin-right:2.5%;}
/*----------------------------------------------*/	
#top_5 h4 img{width:96%;margin:auto;}
#top_5 p.float_left{width:100%;margin-right:0;padding:0 1em 2em 1em;float:none;box-sizing:border-box;}
#top_5 center.float_right{float:none;width:100%;}
#top_5 center div{width:100% !important;}
/*----------------------------------------------*/
#top_6 .circles{width:47%;margin:1.5%;position:relative;}
#top_6 .circles.bg_white{width:97%;margin:3% 1.5% 0 1.5%;}
#top_6 .circles.bg_white li{width:30%;margin:1% 1.66%;}
#top_6 .circles.bg_white:before{border-color:transparent transparent #fff transparent;left:73%;top:0;margin:-40px 0 0 0;}
/*----------------------------------------------*/
#top_7 div.float_left{width:97%;margin:0 1.5% 3em 1.5%;float:none;}
#top_7 p.bg_lightgray{height:auto;}
/*----------------------------------------------*/	
footer .mcs_footer_container{display: block;}
.mcs_footer_container section{flex:none;}
}


@media only screen and (max-width:750px){
.sm_hide2{display:none !important;}
/*----------------------------------------------*/		
#header hgroup{height:auto;}
#header h1{width:25%;max-width:160px;padding:0.5em 0 0.5em 2%;}
#headmenu{width:40%;margin:3.2% 20% 0 0;padding:2% 0 0 0;}
#headmenu a.cell img{height:auto;display:block;width:70%;max-width:40px;vertical-align:middle;}
#main_menu{border:none;padding:0;position:absolute;}
#main_menu:before{content:"";width:3em;height:3em;display:block;background:url("../img/top_0_5.svg") no-repeat center 20%;position:absolute;top:-3em;right:0;z-index:9999;background-size:70%;}
#main_menu ul{display:block;padding:0;margin:0;display:none;background:#fff;border:2px solid #b90f0f;border-top:none;box-sizing:border-box;}
#main_menu.show ul{display:block;}
#main_menu .cell{display:block;width:100%;border:none;}
#main_menu .cell ul{position:absolute;background:#fff;width:100%;padding:0 1px 1px 1px;box-sizing:border-box;display:none;border:2px solid #b90f0f;}
#main_menu .cell a:hover+ul,#main_menu .cell ul:hover{display:none;}
/*----------------------------------------------*/		
#top_1{height:auto;padding:5% 0;}
#top_1 .inner{height:auto;}
/*----------------------------------------------*/		
#top_6 .circles{width:96%;margin:2%;}
#top_6 .circles.bg_white{width:97%;margin:3% 1.5% 0 1.5%;padding:1em;}
#top_6 .circles.bg_white li{width:48%;margin:1% 1%;}
#top_6 .circles.bg_white:before{left:50%;margin:-40px 0 0 -20px;}
#top_6 .circles .img_cover{width:80%;}
	
}
